@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg-primary:#0a0d14;--bg-secondary:#101522;--bg-card:#161d2fb3;--bg-card-hover:#1e2943d9;--border-color:#ffffff14;--border-glow:#00d2ff4d;--accent-cyan:#00d2ff;--accent-blue:#3a7bd5;--accent-purple:#8a2387;--accent-orange:#ff8008;--accent-green:#00f260;--accent-gold:#f7971e;--accent-red:#ff4757;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--tg-button-color:#00d2ff;--tg-button-text:#0a0d14;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 50% 0%, #17233f 0%, var(--bg-primary) 70%);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;min-height:100vh;padding-bottom:80px;overflow-x:hidden}.app-container{flex-direction:column;gap:18px;max-width:480px;min-height:100vh;margin:0 auto;padding:16px;display:flex;position:relative}.top-nav{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#101522cc;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;box-shadow:0 8px 32px #0000004d}.brand-badge{align-items:center;gap:10px;display:flex}.brand-logo-wrapper{background:#101522;border:1.5px solid #00d2ff66;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden;box-shadow:0 0 16px #00d2ff59}.brand-logo-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.brand-title{letter-spacing:-.5px;background:linear-gradient(90deg, #fff, var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:800}.brand-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:600}.nav-actions{align-items:center;gap:8px;display:flex}.network-pill{color:var(--accent-cyan);background:#00d2ff1a;border:1px solid #00d2ff40;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:flex}.network-dot{background:var(--accent-green);width:6px;height:6px;box-shadow:0 0 8px var(--accent-green);border-radius:50%;animation:2s infinite pulse-green}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #00f260b3}70%{transform:scale(1.05);box-shadow:0 0 0 6px #00f26000}to{transform:scale(.95);box-shadow:0 0 #00f26000}}.portfolio-hero{border-radius:var(--radius-xl);background:linear-gradient(145deg,#1a233ccc,#101522e6);border:1px solid #00d2ff33;padding:22px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0006,inset 0 1px 1px #ffffff1a}.hero-glow{pointer-events:none;background:radial-gradient(circle,#00d2ff40 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.portfolio-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.portfolio-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:12px;font-weight:600}.streak-badge{color:var(--accent-orange);background:linear-gradient(135deg,#ff800833,#f7971e26);border:1px solid #ff800866;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.portfolio-balance{letter-spacing:-1px;color:#fff;font-size:38px;font-weight:800;font-family:var(--font-mono);align-items:baseline;gap:6px;display:flex}.portfolio-currency{color:var(--accent-cyan);letter-spacing:0;font-size:16px;font-weight:600;font-family:var(--font-main)}.portfolio-stats-row{border-top:1px solid var(--border-color);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding-top:16px;display:grid}.sub-stat{flex-direction:column;gap:2px;display:flex}.sub-stat-label{color:var(--text-muted);font-size:11px;font-weight:500}.sub-stat-val{color:var(--text-primary);font-size:14px;font-weight:700;font-family:var(--font-mono)}.sub-stat-val.positive{color:var(--accent-green)}.engine-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;background:linear-gradient(#141b2de6 0%,#0c111cf2 100%);padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080}.engine-card.active-engine{border-color:#00f26066;box-shadow:0 0 30px #00f26026,0 16px 40px #00000080}.engine-reactor-wrapper{justify-content:center;align-items:center;width:170px;height:170px;margin:10px auto 20px;display:flex;position:relative}.reactor-ring-outer{border:2px dashed #00d2ff4d;border-radius:50%;animation:20s linear infinite spin-clockwise;position:absolute;inset:0}.active-engine .reactor-ring-outer{border-color:#00f26080;animation:6s linear infinite spin-clockwise}.reactor-ring-inner{border:2px solid #8a238766;border-radius:50%;animation:12s linear infinite spin-counter;position:absolute;inset:12px}.active-engine .reactor-ring-inner{border-color:#00d2ff99;animation:4s linear infinite spin-counter}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.engine-logo-btn{cursor:pointer;z-index:2;background:radial-gradient(circle,#00d2ff33 0%,#0a0d14e6 80%);border:3px solid #00d2ff99;border-radius:50%;justify-content:center;align-items:center;width:136px;height:136px;padding:0;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 0 35px #00d2ff80,inset 0 0 20px #00d2ff4d}.engine-logo-btn:hover{border-color:#00d2ff;transform:scale(1.06);box-shadow:0 0 50px #00d2ffcc,inset 0 0 25px #00d2ff80}.engine-logo-btn:active,.engine-logo-btn.pressed{transform:scale(.92);box-shadow:0 0 25px #00f260b3}.engine-logo-btn.cooling-down{cursor:default;border-color:#00f26099;box-shadow:0 0 35px #00f26066,inset 0 0 15px #00f26033}.engine-logo-btn.cooling-down:hover{transform:none}.engine-logo-img-wrapper{border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.engine-logo-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.engine-logo-btn:hover .engine-logo-img{transform:scale(1.08)}.engine-logo-overlay{background:linear-gradient(#0000001a 0%,#000000b3 100%);justify-content:center;align-items:flex-end;padding-bottom:12px;display:flex;position:absolute;inset:0}.engine-badge-pill{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.engine-badge-pill.tap{background:linear-gradient(135deg, var(--accent-orange), var(--accent-gold));color:#000;animation:1.5s infinite pulse-tap;box-shadow:0 0 12px #ff800899}.engine-badge-pill.active{background:linear-gradient(135deg, var(--accent-green), #00d2ff);color:#0a0d14;box-shadow:0 0 12px #00f26099}@keyframes pulse-tap{0%{opacity:.9;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.9;transform:scale(.95)}}.reactor-pulse-glow{pointer-events:none;background:radial-gradient(circle,#00d2ff26 0%,#0000 70%);border-radius:50%;animation:3s infinite pulse-glow;position:absolute;inset:-10px}@keyframes pulse-glow{0%{opacity:.4;transform:scale(.95)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.4;transform:scale(.95)}}.engine-status-header{margin-bottom:6px;font-size:18px;font-weight:700}.engine-status-desc{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.4}.countdown-box{font-family:var(--font-mono);color:var(--accent-green);background:#00f2601a;border:1px solid #00f2604d;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.channel-alert-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#00d2ff26,#3a7bd526);border:1px solid #00d2ff4d;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.channel-alert-text h4{color:#fff;margin-bottom:2px;font-size:13px;font-weight:700}.channel-alert-text p{color:var(--text-secondary);font-size:11px}.channel-btn-sm{background:var(--accent-cyan);color:#0a0d14;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.packages-grid{flex-direction:column;gap:14px;display:flex}.package-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px;transition:all .25s;position:relative;overflow:hidden}.package-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-2px)}.package-card.popular{border-color:#ff800880;box-shadow:0 8px 24px #ff800826}.package-badge{background:linear-gradient(135deg, var(--accent-orange), var(--accent-gold));color:#000;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:14px;right:14px}.package-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.package-icon-box{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.package-name{font-size:17px;font-weight:700}.package-tagline{color:var(--text-secondary);font-size:12px}.package-roi-banner{border-radius:var(--radius-md);background:#ffffff0a;justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px;display:flex}.roi-item{flex-direction:column;gap:2px;display:flex}.roi-item-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.roi-item-val{color:var(--accent-green);font-size:18px;font-weight:800;font-family:var(--font-mono)}.package-details-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:14px;font-size:12px;display:flex}.stake-cta-btn{border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));color:#0a0d14;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:opacity .2s;display:flex}.stake-cta-btn:active{opacity:.85}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000bf;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.referral-card{border-radius:var(--radius-xl);background:linear-gradient(145deg,#8a238733,#101522cc);border:1px solid #8a238766;flex-direction:column;gap:16px;padding:20px;display:flex}.referral-bonus-badge{color:#fff;background:#ffffff1a;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.ref-link-box{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#0000004d;align-items:center;gap:8px;padding:8px 12px;display:flex}.ref-link-input{color:var(--text-primary);font-size:12px;font-family:var(--font-mono);background:0 0;border:none;outline:none;width:100%}.bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:50;background:#0a0d14f2;justify-content:space-around;max-width:480px;margin:0 auto;padding:8px 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tab-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.nav-tab-item.active{color:var(--accent-cyan)}.nav-tab-item.active svg{color:var(--accent-cyan);filter:drop-shadow(0 0 8px #00d2ff99)}.ton-connect-btn-wrapper{justify-content:center;margin-top:8px;display:flex}.toast-notice{border:1px solid var(--accent-cyan);color:#fff;z-index:200;background:#101522f2;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;animation:.2s fadeIn;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00d2ff4d}