@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-primary:#f8fafc;--bg-secondary:#edf2f7;--bg-surface:#fff;--bg-card:#ffffffd9;--bg-card-hover:#fffffffa;--bg-glass:#ffffffb3;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--border-light:#e2e8f0d9;--border-hover:#10b98166;--border-highlight:#10b981;--brand-emerald:#059669;--brand-emerald-light:#10b981;--brand-emerald-dark:#047857;--brand-emerald-glow:#10b98129;--brand-gold:#d97706;--brand-gold-light:#f59e0b;--brand-gold-glow:#f59e0b2e;--bsc-yellow:#f0b90b;--bsc-glow:#f0b90b33;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 14px #0000000f;--shadow-lg:0 12px 32px #0f172a14;--shadow-glow:0 0 35px #10b98129;--glass-blur:blur(14px);--transition:all .25s cubic-bezier(.16, 1, .3, 1);--nav-bg:#ffffffe6;--nav-bg-dapp:#ffffffeb}[data-theme=dark]{--bg-primary:#070b12;--bg-secondary:#0d1322;--bg-surface:#111a2e;--bg-card:#111a2eb3;--bg-card-hover:#17223cd9;--bg-glass:#0d1322bf;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-light:#33415580;--border-hover:#10b98180;--border-highlight:#10b981;--brand-emerald:#10b981;--brand-emerald-light:#34d399;--brand-emerald-dark:#059669;--brand-emerald-glow:#10b98140;--brand-gold:#f59e0b;--brand-gold-light:#fbbf24;--brand-gold-glow:#f59e0b40;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 16px 40px #000000a6;--shadow-glow:0 0 45px #10b98138;--nav-bg:#070b12e6;--nav-bg-dapp:#070b12eb}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);width:100%;max-width:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}body{background-color:var(--bg-primary);width:100%;max-width:100%;min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.ambient-glow{pointer-events:none;z-index:0;max-width:100%;position:fixed;inset:0;overflow:hidden}.glow-orb-1{background:radial-gradient(circle, var(--brand-emerald-glow) 0%, transparent 70%);filter:blur(60px);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:10%}.glow-orb-2{background:radial-gradient(circle, var(--brand-gold-glow) 0%, transparent 70%);filter:blur(80px);border-radius:50%;width:600px;height:600px;position:absolute;top:40%;left:-150px}.container{z-index:1;box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.gradient-text-emerald{background:linear-gradient(135deg, var(--brand-emerald) 0%, var(--brand-emerald-light) 50%, var(--brand-gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.font-mono{font-family:JetBrains Mono,monospace}.btn{cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand-emerald) 0%, var(--brand-emerald-dark) 100%);color:#fff;box-shadow:0 4px 16px var(--brand-emerald-glow)}.btn-primary:hover{box-shadow:0 8px 24px var(--brand-emerald-glow);background:linear-gradient(135deg, var(--brand-emerald-light) 0%, var(--brand-emerald) 100%);transform:translateY(-2px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.btn-gold{color:#fff;box-shadow:0 4px 16px var(--brand-gold-glow);background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.btn-gold:hover{box-shadow:0 8px 24px var(--brand-gold-glow);transform:translateY(-2px)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);box-shadow:var(--shadow-md);transition:var(--transition);border-radius:20px}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.badge-pill{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-emerald{background:var(--brand-emerald-glow);color:var(--brand-emerald);border:1px solid #10b9814d}.badge-gold{background:var(--brand-gold-glow);color:var(--brand-gold);border:1px solid #f59e0b4d}@keyframes pulseGlow{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(.95)}}.pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseGlow;box-shadow:0 0 10px #10b981}.section-padding{padding:90px 0}@media (max-width:768px){.section-padding{padding:60px 0}}.cyber-grid{isolation:isolate;background:var(--bg-primary);position:relative}.cyber-grid:before{content:"";z-index:0;pointer-events:none;will-change:transform;background:radial-gradient(70% 50% at 20% 30%,#10b9811f 0%,#0000 60%),radial-gradient(60% 45% at 80% 70%,#8b5cf61a 0%,#0000 60%),radial-gradient(55% 40% at 55% 10%,#f59e0b12 0%,#0000 55%);animation:18s ease-in-out infinite alternate auroraShift;position:fixed;inset:0}.cyber-grid:after{content:"";z-index:0;pointer-events:none;opacity:.6;background-image:radial-gradient(circle,#10b9818c 1px,#0000 1px),radial-gradient(circle,#8b5cf666 1px,#0000 1px),radial-gradient(circle,#f59e0b59 1px,#0000 1px);background-position:0 0,60px 80px,100px 30px;background-size:120px 120px,200px 200px,160px 160px;animation:28s linear infinite particleDrift;position:fixed;inset:0}[data-theme=dark] .cyber-grid:before{background:radial-gradient(70% 50% at 20% 30%,#10b9812e 0%,#0000 60%),radial-gradient(60% 45% at 80% 70%,#8b5cf629 0%,#0000 60%),radial-gradient(55% 40% at 55% 10%,#f59e0b1a 0%,#0000 55%)}[data-theme=dark] .cyber-grid:after{opacity:.7;background-image:radial-gradient(circle,#10b981bf 1px,#0000 1px),radial-gradient(circle,#8b5cf699 1px,#0000 1px),radial-gradient(circle,#f59e0b80 1px,#0000 1px)}@keyframes auroraShift{0%{transform:scale(1)translate(0)rotate(0)}25%{transform:scale(1.04)translate(30px,-20px)rotate(1.5deg)}50%{transform:scale(.98)translate(-20px,30px)rotate(-1deg)}75%{transform:scale(1.06)translate(15px,20px)rotate(2deg)}to{transform:scale(1)translate(-30px,-10px)rotate(-.5deg)}}@keyframes particleDrift{0%{background-position:0 0,60px 80px,100px 30px}to{background-position:120px 120px,180px 200px,260px 190px}}.cyber-grid>*{z-index:1;position:relative}.holo-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}[data-theme=dark] .holo-panel{box-shadow:0 10px 40px #00000080,0 0 20px #10b9810a}.holo-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--brand-emerald-light), var(--brand-gold-light), transparent);width:100%;height:2px;animation:4s linear infinite scanline;position:absolute;top:0;left:-100%}@keyframes scanline{0%{left:-100%}to{left:100%}}.neon-card-emerald{border:1px solid #10b9814d;box-shadow:0 0 25px #10b98114}.neon-card-emerald:hover{border-color:#10b981b3;transform:translateY(-3px);box-shadow:0 0 35px #10b98138}.neon-card-gold{border:1px solid #f59e0b4d;box-shadow:0 0 25px #f59e0b14}.neon-card-gold:hover{border-color:#f59e0bb3;transform:translateY(-3px);box-shadow:0 0 35px #f59e0b38}.neon-card-diamond{background:linear-gradient(145deg,#0ea5e90a 0%,#0000 60%);border:1px solid #0ea5e966;box-shadow:0 0 25px #0ea5e91a}.neon-card-diamond:hover{border-color:#38bdf8cc;transform:translateY(-3px);box-shadow:0 0 40px #0ea5e94d}@keyframes shimmerAnim{0%{background-position:-200% 0}to{background-position:200% 0}}.btn-shimmer{background:linear-gradient(90deg,#059669 0%,#10b981 25%,#34d399 50%,#10b981 75%,#059669 100%) 0 0/200% 100%;border:none;font-weight:700;animation:4s linear infinite shimmerAnim;box-shadow:0 4px 20px #10b98159;color:#fff!important}.btn-shimmer:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b98180}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:4s ease-in-out infinite floatAnim}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-track{width:max-content;animation:30s linear infinite tickerScroll;display:flex}.ticker-track:hover{animation-play-state:paused}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--brand-emerald);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-emerald-light)}.site-navbar{z-index:50;-webkit-backdrop-filter:blur(16px);background-color:var(--nav-bg);border-bottom:1px solid var(--border-light);transition:all .3s;position:sticky;top:0}.desktop-nav{align-items:center;gap:24px;display:none}.mobile-menu-btn{background:var(--bg-secondary);border:1px solid var(--border-light);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex}.mobile-overlay{-webkit-backdrop-filter:blur(4px);z-index:40;opacity:0;visibility:hidden;pointer-events:none;background:#0000008c;transition:opacity .3s,visibility .3s;display:none;position:fixed;inset:64px 0 0}.mobile-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-drawer{z-index:45;opacity:0;visibility:hidden;pointer-events:none;box-sizing:border-box;width:100%;max-width:100%;max-height:calc(100dvh - 64px);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s,visibility .3s;display:none;position:fixed;top:64px;left:0;right:0;overflow:hidden auto;transform:translateY(-12px)}.mobile-drawer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);display:block!important}.mobile-drawer:not(.is-open){display:none!important}.dapp-header{z-index:100;-webkit-backdrop-filter:blur(20px);background-color:var(--nav-bg-dapp);border-bottom:1px solid var(--border-light);transition:all .3s;position:sticky;top:0}.dapp-header-container{justify-content:space-between;align-items:center;height:64px;display:flex}.dapp-desktop-tabs{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:14px;align-items:center;padding:4px;display:flex}.dapp-mobile-nav-strip{background:var(--bg-surface);border-bottom:1px solid var(--border-light);-webkit-overflow-scrolling:touch;gap:6px;padding:8px 12px;display:none;overflow-x:auto}.dapp-mobile-overlay{-webkit-backdrop-filter:blur(4px);z-index:90;opacity:0;visibility:hidden;pointer-events:none;background:#0009;transition:opacity .3s,visibility .3s;display:none;position:fixed;inset:64px 0 0}.dapp-mobile-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.dapp-mobile-drawer{z-index:95;background:var(--bg-surface);border-bottom:1px solid var(--border-light);opacity:0;visibility:hidden;pointer-events:none;box-sizing:border-box;width:100%;max-width:100%;max-height:calc(100dvh - 64px);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s,visibility .3s;display:none;position:fixed;top:64px;left:0;right:0;overflow:hidden auto;transform:translateY(-10px)}.dapp-mobile-drawer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);display:block!important}.dapp-mobile-drawer:not(.is-open){display:none!important}.dapp-mobile-menu-btn{background:var(--bg-secondary);border:1px solid var(--border-light);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:none}.dapp-mobile-quick-tabs{display:none}.hero-cta-group{z-index:5;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:46px;display:flex;position:relative}.hero-launch-btn{cursor:pointer;z-index:5;border-radius:12px;align-items:center;gap:8px;padding:11px 24px;font-size:.94rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative}.hero-whitelist-btn{cursor:pointer;z-index:5;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.94rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;position:relative}@media (min-width:860px){.desktop-nav{display:flex!important}.mobile-menu-btn{display:none!important}.desktop-only-btn{display:flex!important}.desktop-only-theme{justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.mobile-overlay,.mobile-drawer{display:none!important}.dapp-desktop-tabs{display:flex!important}.dapp-mobile-nav-strip,.dapp-mobile-menu-btn,.dapp-mobile-overlay,.dapp-mobile-drawer,.dapp-mobile-quick-tabs{display:none!important}}@media (max-width:859px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}.desktop-only-btn,.desktop-only-theme{display:none!important}.mobile-overlay.is-open,.mobile-drawer.is-open{display:block!important}.mobile-overlay:not(.is-open),.mobile-drawer:not(.is-open){display:none!important}.mobile-drawer{width:100%;max-width:100%;overflow-x:hidden}.dapp-header-container{height:62px}.dapp-desktop-tabs,.dapp-desktop-network,.dapp-desktop-theme{display:none!important}.dapp-mobile-menu-btn{display:flex!important}.dapp-mobile-overlay.is-open,.dapp-mobile-drawer.is-open{top:62px;display:block!important}.dapp-mobile-overlay:not(.is-open),.dapp-mobile-drawer:not(.is-open){display:none!important}.dapp-mobile-drawer{width:100%;max-width:100%;max-height:calc(100vh - 62px);overflow-x:hidden}.dapp-mobile-quick-tabs{background:var(--bg-surface);border-bottom:1px solid var(--border-light);z-index:90;-webkit-backdrop-filter:blur(16px);align-items:center;gap:6px;padding:8px 12px;display:flex;position:sticky;top:62px}}@media (max-width:640px){.container{padding:0 16px}.hero-cta-group{gap:10px;margin-bottom:34px}.hero-launch-btn{border-radius:10px;gap:6px;padding:9px 18px;font-size:.86rem}.hero-whitelist-btn{border-radius:10px;gap:6px;padding:9px 16px;font-size:.86rem}}
