@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#f0f4ff;--bg-secondary:#e8eeff;--glass-white:#ffffffbf;--glass-white-strong:#ffffffeb;--glass-border:#fff9;--glass-border-light:#c8d2ff66;--accent-blue:#3b7ef8;--accent-blue-light:#5b9bff;--accent-purple:#7c3aed;--accent-green:#10b981;--accent-green-light:#34d399;--accent-orange:#f59e0b;--accent-red:#ef4444;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-white:#fff;--shadow-sm:0 2px 8px #3b7ef814;--shadow-md:0 4px 20px #3b7ef81f;--shadow-lg:0 8px 40px #3b7ef82e;--shadow-card:0 2px 16px #6482ff1a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--bottom-nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20% 10%,#78a0ff33 0%,#0000 50%),radial-gradient(at 80% 80%,#a078ff26 0%,#0000 50%),radial-gradient(#c8dcff1a 0%,#0000 70%);background-attachment:fixed;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}img{max-width:100%}.glass{background:var(--glass-white);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glass-strong{background:var(--glass-white-strong);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border)}.glass-card{background:var(--glass-white);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.page-wrapper{max-width:480px;min-height:100dvh;padding-bottom:var(--bottom-nav-height);margin:0 auto;position:relative}.page-content{flex-direction:column;gap:14px;padding:16px;display:flex}::-webkit-scrollbar{width:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(.9)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes countdown-tick{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-fade-up{animation:.4s both fadeInUp}.animate-fade-in{animation:.3s both fadeIn}.header-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a3a6b 0%,#2563eb 50%,#7c3aed 100%);justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #2563eb59}.header-banner:before{content:"";background:#ffffff14;border-radius:50%;width:140px;height:140px;position:absolute;top:-30%;right:-10%}.header-banner:after{content:"";background:#ffffff0d;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-40%;left:20%}.header-banner-tag{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:4px;margin-bottom:4px;padding:3px 8px;font-size:8px;font-weight:700;display:inline-block}.header-banner-text{color:#fff;z-index:1;font-size:16px;font-weight:700;position:relative}.header-banner-text .highlight{color:#86efac}.header-banner-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;white-space:nowrap;background:#fff3;border:1px solid #ffffff59;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;position:relative}.header-banner-btn:hover{background:#ffffff4d;transform:scale(1.03)}.earnings-hero{background:linear-gradient(135deg,#0f2460 0%,#1a3a8c 40%,#2d1f6e 100%);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.earnings-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#78a0ff29 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-20px}.earnings-inline{z-index:1;align-items:center;gap:7px;display:flex;position:relative}.earnings-label{color:#fff9;white-space:nowrap;font-size:12px;font-weight:600}.earnings-ton-badge{color:#fff;background:linear-gradient(135deg,#26a17b,#1a8a65);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:flex;box-shadow:0 2px 8px #26a17b80}.earnings-value{color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1}.earnings-currency{color:#ffffff80;font-size:12px;font-weight:700}.earnings-hero-right{z-index:1;flex-direction:row;flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.withdraw-btn-hero{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:20px;align-items:center;gap:5px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 3px 12px #f59e0b73}.withdraw-btn-hero:hover{transform:translateY(-1px);box-shadow:0 5px 16px #f59e0b8c}.withdraw-btn-hero:active{transform:translateY(0)}.support-btn-hero{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .2s;display:flex}.support-btn-hero:hover{background:#ffffff38;transform:scale(1.08)}.withdraw-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:20px;align-items:center;gap:5px;padding:7px 16px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 3px 12px #f59e0b66}.support-btn{color:#08c;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.trade-power-card{background:var(--glass-white-strong);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md);padding:24px 20px 20px;position:relative;overflow:hidden}.trade-power-card:before{content:"";pointer-events:none;background:radial-gradient(#3b7ef80d 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-20%}.tp-label{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.tp-label .verify-icon{color:#fff;background:linear-gradient(135deg,#3b7ef8,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex}.tp-amount-row{flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;display:flex}.tp-icon{filter:drop-shadow(0 6px 20px #3b7ef833);background:0 0;border-radius:0;justify-content:center;align-items:center;width:160px;height:160px;animation:3s ease-in-out infinite float;display:flex;overflow:visible}.tp-amount{color:var(--text-primary);letter-spacing:-1px;font-size:42px;font-weight:800;line-height:1}.tp-amount-currency{color:var(--text-secondary);vertical-align:super;letter-spacing:0;margin-right:2px;font-size:22px;font-weight:700}.daily-earn-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;display:flex}.daily-earn-label{color:var(--text-secondary);font-size:13px;font-weight:500}.daily-earn-amount{color:var(--text-primary);font-size:14px;font-weight:700}.daily-earn-pct{color:var(--accent-green);background:#10b9811f;border:1px solid #10b98133;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:700}.history-btn{color:var(--text-muted);background:0 0;align-items:center;gap:4px;font-size:12px;font-weight:500;transition:color .2s;display:flex}.history-btn:hover{color:var(--accent-blue)}.settlement-badge{color:var(--text-secondary);background:#3b7ef814;border:1px solid #3b7ef82e;border-radius:20px;align-items:center;gap:6px;margin-top:4px;padding:5px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.settlement-badge .clock-icon{color:var(--accent-blue);font-size:13px}.settlement-time{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700;animation:1s ease-in-out infinite countdown-tick}.action-buttons-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action-btn-primary{-webkit-backdrop-filter:blur(20px);color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#0f2460 0%,#1a3a8c 50%,#2d1f6e 100%);border:1px solid #78a0ff40;justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-size:16px;font-weight:700;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #0f246073}.action-btn-primary:after{content:"";pointer-events:none;background:linear-gradient(135deg,#78a0ff1f,#0000 60%);position:absolute;inset:0}.action-btn-primary:hover{border-color:#78a0ff73;transform:translateY(-2px);box-shadow:0 8px 24px #0f24608c}.action-btn-primary:active{transform:translateY(0)}.buy-text-glossy{color:#fff;letter-spacing:-.3px;text-shadow:0 1px 10px #ffffff80;white-space:nowrap;font-size:23px;font-weight:900}.action-btn-secondary{background:var(--glass-white-strong);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:10px;padding:15px 16px;font-size:16px;font-weight:700;transition:all .25s;display:flex;position:relative;overflow:hidden}.action-btn-secondary:hover{box-shadow:var(--shadow-md);border-color:#3b7ef866;transform:translateY(-2px)}.action-btn-refer{-webkit-backdrop-filter:blur(20px);color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 60%,#15803d 100%);border:1px solid #4ade8066;justify-content:center;align-items:center;gap:0;width:100%;padding:12px 16px;font-size:16px;font-weight:700;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #22c55e66}.action-btn-refer:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff2e,#0000 60%);position:absolute;inset:0}.action-btn-refer:hover{border-color:#4ade8099;transform:translateY(-2px);box-shadow:0 8px 24px #22c55e80}.action-btn-refer:active{transform:translateY(0)}.refer-inner{z-index:1;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.refer-reward{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 10px #ffffff59;font-size:24px;font-weight:900;line-height:1}.refer-text{color:#fffffff2;letter-spacing:.01em;white-space:nowrap;font-size:16px;font-weight:700}.roi-card{background:var(--glass-white-strong);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.roi-card-header{border-bottom:1px solid var(--glass-border-light);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.roi-card-title{color:var(--accent-blue);text-align:center;flex:1;font-size:15px;font-weight:700}.hot-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% 100%,0 80%);background:linear-gradient(135deg,#f97316,#ef4444);border-bottom-left-radius:4px;padding:5px 10px 5px 8px;font-size:9px;font-weight:800;position:absolute;top:-2px;right:-2px}.roi-table{width:100%}.roi-table-head{background:#3b7ef80a;grid-template-columns:1fr 1fr;padding:8px 20px;display:grid}.roi-table-head-cell{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.roi-table-head-cell:last-child{text-align:right}.roi-row{border-top:1px solid #c8d2f04d;grid-template-columns:1fr 1fr;padding:11px 20px;transition:background .15s;display:grid}.roi-row:hover{background:#3b7ef80a}.roi-tier{color:var(--text-primary);align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.roi-return{text-align:right;color:var(--accent-green);font-size:14px;font-weight:700}.stats-card{background:var(--glass-white-strong);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.stats-tabs{border-bottom:1px solid var(--glass-border-light);grid-template-columns:1fr 1fr;display:grid}.stats-tab{color:var(--text-muted);text-align:center;cursor:pointer;background:0 0;border:none;padding:14px 8px;font-size:14px;font-weight:600;transition:color .2s;position:relative}.stats-tab.active{color:var(--accent-blue)}.stats-tab.active:after{content:"";background:linear-gradient(90deg,#3b7ef8,#7c3aed);border-radius:2px;height:2.5px;position:absolute;bottom:0;left:20%;right:20%}.stats-tab-content{justify-content:center;align-items:center;min-height:120px;padding:20px;display:flex}.stats-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.stats-empty-icon{opacity:.4;font-size:36px}.stats-empty-text{font-size:13px;font-weight:500}.bottom-nav{-webkit-backdrop-filter:blur(30px);z-index:100;background:#fffffff5;border-top:1px solid #c8d2ff80;align-items:flex-start;width:100%;max-width:480px;height:76px;padding-top:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 24px #3b7ef81f}.nav-item{color:#475569;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:2px 4px;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item.active{color:var(--accent-blue)}.nav-item.active .nav-icon-wrapper:before{content:"";background:linear-gradient(90deg,#3b7ef8,#7c3aed);border-radius:0 0 4px 4px;width:48px;height:3px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.nav-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.nav-item.active .nav-icon-wrapper{background:#3b7ef81a}.nav-item:hover .nav-icon-wrapper{background:#3b7ef812}.nav-icon{font-size:24px;transition:transform .2s}.nav-item:hover .nav-icon{transform:scale(1.12)}.nav-label{letter-spacing:.01em;color:inherit;white-space:nowrap;font-size:11.5px;font-weight:800}.nav-item.active .nav-label{color:var(--accent-blue)}.back-header{-webkit-backdrop-filter:blur(20px);z-index:50;background:#fffffff2;border-bottom:1px solid #c8d2ff66;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #3b7ef814}.back-btn{width:38px;height:38px;color:var(--accent-blue);cursor:pointer;background:#3b7ef81a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.back-btn:hover{background:#3b7ef82e;transform:translate(-2px)}.back-btn:active{transform:translate(0)scale(.95)}.back-header-title{color:var(--text-primary);letter-spacing:-.2px;font-size:17px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.back-header-spacer{flex-shrink:0;width:38px}.loading-screen{z-index:999;background:linear-gradient(135deg,#f0f4ff 0%,#e8eeff 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.loading-logo{background:linear-gradient(135deg,#3b7ef8,#7c3aed);border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;animation:2s ease-in-out infinite pulse-ring;display:flex;box-shadow:0 8px 32px #3b7ef866}.loading-title{background:linear-gradient(135deg,#3b7ef8,#7c3aed);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.loading-subtitle{color:var(--text-muted);font-size:13px;font-weight:500}.loading-dots{gap:6px;margin-top:4px;display:flex}.loading-dot{background:linear-gradient(135deg,#3b7ef8,#7c3aed);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse-ring}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.not-telegram-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:32px 24px;display:flex}.not-telegram-icon{background:linear-gradient(135deg,#3b7ef8,#7c3aed);border-radius:28px;justify-content:center;align-items:center;width:90px;height:90px;font-size:44px;display:flex;box-shadow:0 8px 32px #3b7ef859}.not-telegram-title{color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.2}.not-telegram-desc{color:var(--text-secondary);max-width:300px;font-size:14px;line-height:1.6}.open-telegram-btn{color:#fff;background:linear-gradient(135deg,#08c,#229ed9);border-radius:28px;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 18px #08c6}.open-telegram-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0088cc80}.user-card{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg,#1a3a6b 0%,#2563eb 60%,#7c3aed 100%);padding:24px;position:relative;overflow:hidden;box-shadow:0 6px 30px #2563eb66}.user-card:before{content:"";background:#ffffff12;border-radius:50%;width:200px;height:200px;position:absolute;top:-40%;right:-10%}.user-card:after{content:"";background:#ffffff0d;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-50%;left:-5%}.user-avatar{z-index:1;background:#fff3;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;font-size:26px;font-weight:700;display:flex;position:relative}.user-name{z-index:1;font-size:18px;font-weight:700;position:relative}.user-handle{color:#ffffffa6;z-index:1;margin-top:2px;font-size:13px;position:relative}.user-id-row{z-index:1;align-items:center;gap:8px;margin-top:14px;display:flex;position:relative}.user-id-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.user-id-value{color:#ffffffe6;font-variant-numeric:tabular-nums;background:#ffffff26;border-radius:10px;padding:3px 10px;font-size:12px;font-weight:600}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-stat-card{background:var(--glass-white-strong);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px;transition:all .2s}.profile-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-stat-icon{margin-bottom:8px;font-size:22px}.profile-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11.5px;font-weight:500}.profile-stat-value{color:var(--text-primary);font-size:20px;font-weight:800}.settings-section{background:var(--glass-white-strong);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.settings-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:14px 18px 10px;font-size:11px;font-weight:700}.settings-item{cursor:pointer;border-top:1px solid #c8d2f04d;justify-content:space-between;align-items:center;padding:14px 18px;transition:background .15s;display:flex}.settings-item:hover{background:#3b7ef80a}.settings-item-left{align-items:center;gap:12px;display:flex}.settings-item-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.settings-item-text{color:var(--text-primary);font-size:14px;font-weight:600}.settings-item-sub{color:var(--text-muted);margin-top:1px;font-size:11.5px}.settings-item-arrow{color:var(--text-muted);font-size:16px}.section-title{color:var(--text-primary);letter-spacing:-.3px;font-size:17px;font-weight:700}.friends-hero{border-radius:var(--radius-xl);color:#fff;text-align:center;background:linear-gradient(135deg,#7c3aed 0%,#3b7ef8 100%);padding:24px;position:relative;overflow:hidden;box-shadow:0 6px 30px #7c3aed66}.friends-hero:before{content:"";background:#ffffff0f;border-radius:50%;width:160px;height:160px;position:absolute;top:-30%;right:-5%}.friends-hero-title{z-index:1;margin-bottom:6px;font-size:22px;font-weight:800;position:relative}.friends-hero-sub{color:#ffffffbf;z-index:1;font-size:13px;line-height:1.5;position:relative}.friends-reward-pill{z-index:1;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;margin-top:14px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.referral-link-card{background:var(--glass-white-strong);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.referral-link-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11.5px;font-weight:700}.referral-link-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.referral-link-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;background:#3b7ef80f;border-radius:8px;flex:1;padding:8px 12px;font-family:monospace;font-size:12.5px;overflow:hidden}.copy-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#3b7ef8,#7c3aed);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s}.copy-btn:hover{transform:scale(1.03);box-shadow:0 3px 12px #3b7ef859}@media (max-width:360px){.tp-amount{font-size:36px}.action-btn-primary,.action-btn-secondary{padding:13px 14px;font-size:14px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-container{-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#0f2460f2 0%,#1a3a8cf2 50%,#2d1f6ef2 100%);border-top:1px solid #78a0ff33;border-radius:32px 32px 0 0;width:100%;max-width:480px;padding:32px 24px;animation:.35s cubic-bezier(.16,1,.3,1) slide-up;position:relative;box-shadow:0 -10px 40px #00000080}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative}.modal-title{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:800}.modal-close{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:26px;transition:color .2s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.modal-close:hover{color:#fff}.modal-header.has-back{justify-content:center}.modal-back{color:#fff9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s,transform .2s;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.modal-back:hover{color:#fff;transform:translateY(-50%)translate(-2px)}.buy-input-container{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:16px;margin-bottom:12px;padding:16px 20px;display:flex;box-shadow:inset 0 2px 10px #0000001a}.buy-input-icon{flex-shrink:0;width:40px;height:40px}.buy-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:24px;font-weight:700}.buy-input::placeholder{color:#ffffff4d}.buy-total-info{text-align:right;color:#fff9;justify-content:space-between;margin-bottom:24px;font-size:14px;display:flex}.buy-total-info strong{color:#fbbf24}.est-return-section{margin-bottom:24px}.est-return-label{color:#ffffffb3;margin-bottom:12px;font-size:14px;font-weight:600}.est-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.est-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:14px 10px;box-shadow:0 4px 12px #0000001a}.est-card-label{color:#ffffff80;margin-bottom:6px;font-size:12.5px;font-weight:600}.est-card-value{color:#fff;font-size:18px;font-weight:800}.btn-continue{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#10b981);border:none;border-radius:20px;width:100%;padding:18px;font-size:17px;font-weight:800;transition:all .25s;box-shadow:0 4px 20px #22c55e66}.btn-continue:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #22c55e80}.btn-continue:disabled{opacity:.5;cursor:not-allowed}.countdown-timer{color:#f59e0b}.payment-amount{color:#fff;text-align:center;letter-spacing:-1px;margin-bottom:8px;font-size:36px;font-weight:900}.payment-desc{color:#ffffffb3;text-align:center;margin-bottom:24px;font-size:14px}.qr-container{justify-content:center;margin-bottom:24px;display:flex}.qr-box{background:#fff;border:4px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;width:200px;height:200px;padding:12px;display:flex;box-shadow:0 8px 32px #0000004d}.address-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.address-text{word-break:break-all;color:#fff;flex:1;font-family:monospace;font-size:13px}.copy-btn-icon{color:#fbbf24;cursor:pointer;background:#fbbf241a;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.copy-btn-icon:hover{background:#fbbf2433;transform:scale(1.05)}.network-select{margin-bottom:20px}.network-tabs{gap:8px;margin-bottom:12px;display:flex}.network-tab{color:#fff9;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;flex:1;padding:12px 4px;font-size:13px;font-weight:700;transition:all .2s}.network-tab.active{color:#4ade80;background:#22c55e26;border-color:#22c55e80;box-shadow:0 4px 12px #22c55e1a}.network-info{text-align:center;color:#fffc;font-size:14px}.network-badge{color:#fbbf24;font-weight:800}.warning-text{color:#f87171;text-align:center;margin-top:6px;font-size:12px;font-weight:600}.payment-status-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:15px;font-weight:700;display:flex}.status-check-anim{animation:2s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.history-page{background:#f4f5f9;min-height:100vh;padding-bottom:32px}.history-content-wrapper{margin-top:16px;padding:0 16px}.history-list-box{background:#fff;border-radius:24px;padding:8px 20px 24px;box-shadow:0 12px 32px #0000000a}.history-item{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.history-item:last-of-type{border-bottom:none;margin-bottom:8px}.history-item-left{flex-direction:column;gap:6px;display:flex}.history-item-title-row{align-items:center;gap:8px;display:flex}.history-title{color:#333;font-size:15px;font-weight:700}.history-badge{text-transform:lowercase;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:700}.history-badge.succeed{color:#3b82f6;background:#3b7ef814;border:1px solid #3b7ef833}.history-date{color:#9ca3af;font-size:12px;font-weight:500}.history-amount{color:#3b82f6;font-size:16px;font-weight:800}.btn-view-more{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b7ef8,#7c3aed);border:none;border-radius:20px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #3b7ef84d}.btn-view-more:active{opacity:.9;transform:scale(.98)}.ref-page-wrapper{background:#f4f5f9;min-height:100vh;position:relative}.ref-page-wrapper .back-header{color:#333;background:#fff}.ref-page-wrapper .back-btn{color:#333}.ref-top-section{color:#fff;z-index:1;background:linear-gradient(135deg,#3b7ef8,#7c3aed);border-bottom-right-radius:32px;border-bottom-left-radius:32px;padding:24px 20px 48px;position:relative}.ref-title-row{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.ref-title{color:#fff;font-size:24px;font-weight:500}@keyframes pulse-glow{0%{transform:scale(1)rotate(-2deg);box-shadow:0 0 #fbbf24b3}50%{transform:scale(1.05)rotate(2deg);box-shadow:0 0 12px 6px #fbbf244d}to{transform:scale(1)rotate(-2deg);box-shadow:0 0 #fbbf2400}}.ref-sticker{color:#78350f;text-transform:uppercase;text-align:center;transform-origin:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid #ffffff80;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:900;line-height:1.2;animation:2.5s ease-in-out infinite pulse-glow;box-shadow:0 4px 12px #f59e0b66}.ref-desc{margin-bottom:24px;font-size:15px;font-weight:500;line-height:1.5}.ref-desc-example{color:#ffffffd9;margin-bottom:32px;font-size:14px;line-height:1.5}.ref-link-label{margin-bottom:12px;font-size:15px;font-weight:500}.ref-dashed-box{border:1.5px dashed #fff9;border-radius:8px;margin-bottom:32px;padding:16px;position:relative}.ref-dashed-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.ref-dashed-text{color:#fff;word-break:break-all;font-size:12px;line-height:1.6}.ref-copy-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-left:1px dashed #ffffff4d;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:0 4px;display:flex}.ref-copy-btn span{letter-spacing:.5px;font-size:10px;font-weight:700}.ref-bonus-card{background:#ffffff26;border-radius:24px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ref-bonus-label{color:#ffffffe6;margin-bottom:8px;font-size:14px;font-weight:500}.ref-bonus-amounts{align-items:baseline;gap:12px;display:flex}.ref-bonus-main{color:#fff;font-size:24px;font-weight:700}.ref-bonus-pending{color:#ffffffe6;text-underline-offset:4px;font-size:13px;text-decoration:underline}.ref-claim-btn{color:#52525b;background:#d4d4d8;border:none;border-radius:100px;padding:10px 24px;font-size:14px;font-weight:600}.ref-bottom-section{z-index:0;padding:24px 20px 100px;position:relative}.ref-table{background:#fff;border-radius:16px;padding:16px 8px;box-shadow:0 4px 12px #00000005}.ref-table-head{color:#9ca3af;text-align:center;border-bottom:1px solid #f3f4f6;grid-template-columns:1fr 1.2fr 1.5fr 1.2fr;align-items:end;gap:8px;margin-bottom:8px;padding-bottom:12px;font-size:11px;font-weight:500;display:grid}.ref-table-row{color:#374151;text-align:center;border-bottom:1px solid #f9fafb;grid-template-columns:1fr 1.2fr 1.5fr 1.2fr;align-items:center;gap:8px;padding:14px 0;font-size:13px;font-weight:600;display:grid}.ref-table-row:last-child{border-bottom:none}.ref-reward-amt{color:#3b82f6}.intro-page-wrapper{color:#333;background:#f7f3fd;min-height:100vh;position:relative}.intro-page-wrapper .back-header{color:#333;background:#fff}.intro-page-wrapper .back-btn{color:#333}.intro-content{padding:24px 20px 100px}.intro-main-title{color:#4b5563;margin-bottom:8px;font-size:20px;font-weight:600;line-height:1.3}.intro-subtitle{color:#6b7280;margin-bottom:24px;font-size:15px;font-weight:500;line-height:1.5}.intro-paragraph{color:#374151;margin-bottom:24px;font-size:14px;line-height:1.6}.intro-link{color:#3b82f6;word-break:break-all;text-decoration:none}.intro-section-title{color:#4b5563;margin-bottom:12px;font-size:18px;font-weight:600}.certs-container{gap:16px;margin:32px 0;display:flex}.cert-item{flex-direction:column;flex:1;align-items:center;gap:12px;display:flex}.cert-img-wrapper{background:#fff;border:4px solid #8b4513;border-radius:4px;padding:4px;box-shadow:0 4px 12px #0000001a}.cert-img{width:100%;height:auto;display:block}.cert-label{color:#374151;text-align:center;text-transform:uppercase;font-size:10px;font-weight:700}