@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Orbitron:wght@400;500;600;700;800;900&display=swap";
:root{--primary:#f22;--primary-light:#f66;--primary-dark:#c00;--secondary:#0a0a0c;--accent:#ff003c;--accent-glow:#f229;--success:#00ff9d;--success-glow:#00ff9d66;--warning:#ffbf00;--danger:red;--danger-glow:#f009;--bg-dark:#050505;--bg-card:#0c0c0e;--bg-card-hover:#151518;--bg-elevated:#1a1a1f;--border:#f223;--border-light:#f226;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#52525b;--gradient-primary:linear-gradient(135deg,#900 0%,#f22 50%,#900 100%);--gradient-hover:linear-gradient(135deg,#c00 0%,#f44 50%,#c00 100%);--gradient-hero:linear-gradient(180deg,#ff22221a 0%,transparent 80%);--gradient-card:linear-gradient(145deg,#140a0ae6 0%,#0c0c0ee6 100%);--gradient-text:linear-gradient(to right,#fff,#fcc);--shadow-sm:0 4px 12px #0009;--shadow-md:0 8px 32px #000c;--shadow-lg:0 16px 64px #000000e6;--shadow-glow:0 0 30px #f226,0 0 10px #f229;--shadow-glow-strong:0 0 60px #ff222280,0 0 20px #f22c;--glass-bg:#0a0a0cb3;--glass-border:1px solid #ffffff0d;--glass-shadow:0 8px 32px #0006;--glass-blur:blur(16px);--neon-blue:#00f3ff;--neon-blue-glow:0 0 20px #00f3ff99;--neon-purple:#bc13fe;--neon-purple-glow:0 0 20px #bc13fe66;--container-max:1240px;--radius-sm:4px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--font-heading:"Orbitron","Inter",sans-serif;--font-body:"Inter",system-ui,sans-serif}html,body{background-color:var(--bg-dark);font-family:var(--font-body);color:var(--text-primary);background-image:linear-gradient(#ff222208 1px,#0000 1px),linear-gradient(90deg,#ff222208 1px,#0000 1px);background-size:40px 40px}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 20px #00000080}.font-orbitron{font-family:var(--font-heading)!important}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass-panel:hover{background:#14141eb3;border-color:#ffffff26}.neon-text-blue{color:var(--neon-blue);text-shadow:var(--neon-blue-glow)}.neon-text-red{color:var(--primary);text-shadow:var(--danger-glow)}.hero-split-container{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}@media (max-width:991px){.hero-split-container{text-align:center;grid-template-columns:1fr;gap:32px}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-features{justify-content:center}.hero-visual{width:100%;transform:scale(.9)}}@media (max-width:480px){.hero-visual{margin:-20px 0;transform:scale(.85)}}.floating-asset{pointer-events:none;z-index:0;opacity:.15;filter:blur(2px);animation:20s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(10deg)}66%{transform:translateY(10px)rotate(-10deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.glass-card-3d{-webkit-backdrop-filter:blur(12px);transform-style:preserve-3d;perspective:1000px;background:#0f0f1466;border:1px solid #ffffff14;border-radius:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 32px #0000005e}.glass-card-3d:hover{border-color:var(--primary);background:#14141e99;transform:translateY(-10px)rotateX(10deg)rotateY(10deg);box-shadow:0 15px 45px #ff222226}.glass-card-3d>*{transform:translateZ(20px)}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:24px;padding:24px;display:grid}.col-span-full{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}@media (max-width:1024px){.col-span-8,.col-span-4,.col-span-6{grid-column:span 12}}.grid-left{flex-direction:column;grid-column:span 8;gap:24px;display:flex}.grid-right{flex-direction:column;grid-column:span 4;gap:24px;display:flex}@media (max-width:1024px){.grid-left,.grid-right{grid-column:span 12}.dashboard-grid{gap:16px;padding:16px}}*{box-sizing:border-box;margin:0;padding:0}.header-actions{align-items:center;gap:12px;display:flex}.header-badge{border-radius:var(--radius-md);align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.credit-badge{background:var(--bg-elevated);border:1px solid var(--border)}.credit-badge svg{color:var(--primary)}.plan-badge{color:var(--success);background:#22c55e1a;border:1px solid #22c55e33;font-size:13px}.header-logout-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.header-logout-btn:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}@media (max-width:640px){.plan-text{display:none}.plan-badge{padding:12px}.logout-text{display:none}.header-logout-btn{padding:12px}.page-header h1{font-size:24px}.page-header p{display:none}}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 60px #ff222280}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);background:0 0}.btn-secondary:hover{border-color:var(--primary);background:#ffffff0d}.btn-success{background:var(--success);color:#fff}.btn-success:hover{box-shadow:0 0 30px var(--success-glow);background:#0d9668}.btn-lg{padding:16px 32px;font-size:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all .3s}.card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.card-gradient{background:var(--gradient-card);border:1px solid #6366f133}.badge{color:var(--primary-light);background:#6366f133;border:1px solid #6366f14d;border-radius:50px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#10b98133;border-color:#10b9814d}.badge-danger{color:var(--danger);background:#ef444433;border-color:#ef44444d}.promo-banner{text-align:center;background:linear-gradient(90deg,#7f1d1d 0%,#b91c1c 100%);border-bottom:1px solid #f003;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:12px 24px;font-size:14px;font-weight:500;display:flex}.promo-banner .countdown{gap:8px;font-family:Courier New,monospace;font-weight:700;display:flex}.promo-banner .countdown-item{flex-direction:column;align-items:center;min-width:40px;display:flex}.promo-banner .countdown-value{color:#fff;text-shadow:0 0 10px #ffffff80;font-size:18px}.promo-banner .countdown-label{opacity:.8;text-transform:uppercase;font-size:10px}.promo-banner .btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #fff3;padding:6px 16px;font-size:12px}.promo-banner .btn:hover{background:#ffffff1a;border-color:#fff}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#000000e6;justify-content:space-between;align-items:center;padding:16px 0;display:flex;position:sticky;top:0}.navbar-container{max-width:var(--container-max);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:0 24px;display:flex}@media (max-width:768px){.navbar{padding:8px 0}}section{scroll-margin-top:100px}@media (max-width:768px){section{scroll-margin-top:80px}}.logo{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.logo-icon{object-fit:contain;width:auto;max-width:100%;height:50px;transition:all .3s;display:block}@media (min-width:768px){.navbar .logo-icon{max-width:500px;height:160px}.footer .logo-icon{max-width:500px;height:160px;margin-bottom:24px}.sidebar .logo-icon{width:auto;height:100px;margin-bottom:12px}}.sidebar .logo-icon,.mobile-header .logo-icon{min-height:60px}.payment-page .navbar .logo-icon{height:80px}@media (min-width:768px){.payment-page .navbar .logo-icon{height:160px}}.auth-card .logo-icon{width:auto;height:120px;margin-bottom:24px}.logo-icon:hover{filter:drop-shadow(0 0 10px #ffffff4d);transform:scale(1.05)}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;z-index:101;background:0 0;border:none;font-size:24px;display:block}.mobile-menu-overlay{background:var(--bg-dark);z-index:99;flex-direction:column;gap:24px;width:100%;height:100%;padding:80px 24px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;transform:translate(100%)}.mobile-menu-overlay.open{transform:translate(0)}.mobile-menu-overlay .nav-link{border-bottom:1px solid var(--border);width:100%;padding-bottom:16px;font-size:24px;font-weight:700;display:block}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-menu-btn,.mobile-menu-overlay,.mobile-only{display:none}.desktop-only{display:block}}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:12px;display:flex}.hero{text-align:center;padding:80px 0 120px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:800px;height:800px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-badge{margin-bottom:24px}.hero h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(40px,6vw,72px);font-weight:900;line-height:1.1}.hero-subtitle{max-width:600px;color:var(--text-secondary);margin:0 auto 40px;font-size:18px;line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:60px;display:flex}.hero-features{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.hero-feature{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.hero-feature svg{color:var(--success)}.features{padding:100px 0}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-header h2{margin-bottom:16px;font-size:36px;font-weight:800}.section-header p{color:var(--text-secondary);font-size:16px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.feature-card{padding:32px}.feature-icon{background:var(--gradient-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:24px;display:flex}.feature-card h3{margin-bottom:12px;font-size:18px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.success-stories{background:var(--bg-card);padding:100px 0}.stories-table{border-collapse:collapse;width:100%;margin-top:40px}.stories-table th,.stories-table td{text-align:left;border-bottom:1px solid var(--border);padding:16px 20px}.stories-table th{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:600}.stories-table td{font-size:14px}.coin-cell{align-items:center;gap:12px;display:flex}.coin-avatar{background:var(--gradient-primary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.result-positive{color:var(--success);font-weight:700}.pricing{padding:100px 0}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:900px;margin:0 auto;display:grid}.pricing-card{padding:40px;position:relative}.pricing-card.featured{border:2px solid var(--primary);box-shadow:var(--shadow-glow)}.pricing-card.featured:before{content:"BEST VALUE";background:var(--gradient-primary);border-radius:50px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;margin-bottom:32px}.pricing-header h3{margin-bottom:8px;font-size:24px;font-weight:700}.pricing-amount{justify-content:center;align-items:baseline;gap:4px;margin-top:16px;display:flex}.pricing-amount .currency{color:var(--text-muted);font-size:24px}.pricing-amount .price{font-size:48px;font-weight:900}.pricing-amount .original-price{color:var(--text-muted);margin-right:8px;font-size:24px;text-decoration:line-through}.pricing-amount .period{color:var(--text-muted);font-size:14px}.pricing-features{margin-bottom:32px;list-style:none}.pricing-features li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.pricing-features li:last-child{border-bottom:none}.pricing-features .check{color:var(--success)}.pricing-features .cross{color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:60px 0 30px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:40px;display:flex}.footer-brand p{color:var(--text-secondary);max-width:250px;margin-top:12px;font-size:14px}.footer-links h4{color:var(--text-muted);text-transform:uppercase;margin-bottom:16px;font-size:14px;font-weight:600}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-secondary);font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);padding-top:30px;font-size:13px}.telegram-card{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#08c 0%,#229ed9 100%);margin:60px 0;padding:48px}.telegram-card h2{margin-bottom:12px;font-size:28px;font-weight:800}.telegram-card p{opacity:.9;margin-bottom:32px}.telegram-features{flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:32px;display:flex}.telegram-feature{flex-direction:column;align-items:center;gap:8px;display:flex}.telegram-feature .icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.telegram-price{margin-bottom:24px}.telegram-price .original{opacity:.6;font-size:24px;text-decoration:line-through}.telegram-price .current{font-size:36px;font-weight:900}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.nav-links{display:none}.premium-card-wrapper,.pricing-card.premium,.feature-card{width:calc(100% - 20px);margin:10px}footer{padding-bottom:40px}.hero h1{padding:0 16px;font-size:32px}.hero-subtitle{margin-bottom:32px;padding:0 16px;font-size:16px}.hero-features{flex-direction:column;gap:16px}.pricing-grid{grid-template-columns:1fr;padding:0 16px}.footer-content{text-align:center;flex-direction:column;align-items:center}.promo-banner{flex-wrap:wrap;height:auto;min-height:48px;padding:8px 16px;line-height:1.4}.promo-banner span{text-align:center}.navbar-container{padding:0 16px}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;margin-top:24px;overflow-x:auto}.stories-table{border-collapse:separate;min-width:600px;margin-top:0}.stories-table th,.stories-table td{white-space:nowrap}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.migration-badge{color:#bc13fe;background:#bc13fe1a;border:1px solid #bc13fe4d;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 0 10px #bc13fe1a}.sr-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px;display:grid}.sr-card{border:1px solid var(--border);text-align:center;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;padding:16px;transition:transform .2s,background .2s;display:flex}.sr-card:hover{background:#ffffff0d;transform:translateY(-2px)}.sr-card.support{border-color:#22c55e4d}.sr-card.support .sr-name{color:#22c55e}.sr-card.resistance{border-color:#ef44444d}.sr-card.resistance .sr-name{color:#ef4444}.sr-price{font-family:var(--font-mono);color:#fff;margin-bottom:4px;font-size:1.1rem;font-weight:700}.sr-name{text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.8rem;font-weight:700}.sr-sig{color:var(--text-secondary);font-size:.75rem}.sidebar-nav{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:#140a0a99;border:1px solid #ff22224d;align-items:center;gap:12px;width:100%;padding:16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 10px #ff22220d}.nav-item:hover{color:#fff;border-color:var(--primary);background:linear-gradient(90deg,#ff22221a 0%,#0000 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 0 20px #ff22224d,inset 0 0 10px #ff22221a}.nav-item.active{color:#fff;border-color:var(--primary);background:#ff222226;box-shadow:0 0 15px #f223}.nav-item svg{transition:all .3s}.nav-item:hover svg,.nav-item.active svg{color:var(--primary);filter:drop-shadow(0 0 5px var(--primary))}.sidebar-user{border-radius:var(--radius-md);background:#ffbf000d;border:1px solid #ffbf0066;margin-top:16px;padding:12px;transition:all .3s;box-shadow:0 0 15px #ffbf000d}.sidebar-user:hover{background:#ffbf0014;border-color:#ffbf00cc;box-shadow:0 0 20px #ffbf0026}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#000;background:linear-gradient(135deg,#ffbf00 0%,#b38600 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex;box-shadow:0 0 10px #ffbf0066}.user-details{flex-direction:column;display:flex;overflow:hidden}.user-email{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;font-weight:600;overflow:hidden}.user-plan{color:#ffbf00;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.sidebar-user{background:#ffbf000d!important;border:1px solid #ffbf0080!important;box-shadow:0 0 15px #ffbf001a!important}.user-plan{color:#ffbf00!important}.user-avatar{color:#000!important;background:linear-gradient(135deg,#ffbf00 0%,#b38600 100%)!important;box-shadow:0 0 10px #ffbf0066!important}
