@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Orbitron:wght@500;700&display=swap";body{margin:0;min-width:320px}#root{min-height:100vh}:root{--bg: #060c1c;--bg-deep: #030712;--surface: rgba(12, 24, 56, .9);--surface-2: rgba(18, 35, 72, .92);--glass: rgba(255, 255, 255, .05);--line: rgba(79, 147, 255, .35);--line-bright: rgba(79, 147, 255, .75);--text: #e8f0ff;--text-soft: #b8d0f8;--muted: #7a9fd8;--accent: #5dd4ff;--accent-warm: #8b9fff;--accent-pink: #a78bfa;--glow: rgba(93, 212, 255, .35);--glow-warm: rgba(139, 159, 255, .2);--shadow: 0 8px 32px rgba(0, 12, 40, .5);--shadow-glow: 0 0 40px rgba(93, 212, 255, .08);--radius: 18px;--radius-sm: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}@keyframes bgShift{0%,to{opacity:1;transform:scale(1) translate(0)}50%{opacity:.95;transform:scale(1.02) translate(1%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page{color:var(--text);background:var(--bg-deep);min-height:100vh;font-family:Noto Sans SC,sans-serif;padding:20px 24px 48px;position:relative;overflow-x:hidden}.page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 100% 60% at 50% -15%,rgba(40,90,180,.35),transparent 50%),radial-gradient(ellipse 70% 50% at 100% 20%,rgba(80,120,220,.15),transparent 45%),radial-gradient(ellipse 60% 40% at 0% 60%,rgba(60,100,200,.12),transparent 45%),radial-gradient(ellipse 50% 30% at 50% 100%,rgba(30,60,140,.2),transparent 50%);pointer-events:none;z-index:0;animation:bgShift 12s ease-in-out infinite}.page:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.nav,.section,.stats,.footer{width:min(1100px,100%);margin-left:auto;margin-right:auto;position:relative;z-index:1}.nav{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow),0 0 0 1px #ffffff08 inset;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;position:sticky;top:16px;z-index:10;animation:fadeUp .6s ease-out}.brand{display:flex;align-items:center;gap:12px;font-family:Orbitron,sans-serif;font-weight:700;font-size:15px;letter-spacing:.05em;color:var(--text)}.brand img{width:40px;height:40px;object-fit:contain;object-position:center;border-radius:10px;box-shadow:0 4px 12px #0000004d}.navLinks{display:flex;align-items:center;gap:8px}.navLinks a,.footerLinks a{color:var(--text-soft);text-decoration:none;font-size:15px;font-weight:500;padding:8px 14px;border-radius:999px;transition:color .2s,background .2s,box-shadow .2s}.navLinks a:hover,.footerLinks a:hover{color:var(--accent);background:var(--glass)}.navLinks a.pill{border:1px solid var(--accent);color:var(--accent);background:#5dd4ff14}.navLinks a.pill:hover{background:#5dd4ff2e;box-shadow:0 0 20px var(--glow)}.hero{width:min(1100px,100%);margin:40px auto 36px;border:1px solid var(--line);border-radius:28px;padding:52px 36px;text-align:center;background:linear-gradient(165deg,#19377873,#0a193c80,#06122db3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow),var(--shadow-glow),inset 0 1px #ffffff14;position:relative;overflow:hidden;animation:fadeUp .7s ease-out .1s both}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),var(--line-bright),rgba(255,255,255,.15),transparent);opacity:.9}.hero:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmer 8s ease-in-out infinite}.eyebrow,.sectionTag,.token{font-family:Orbitron,sans-serif;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.heroLogo{max-width:min(260px,58vw);width:auto;height:auto;max-height:180px;display:block;margin:20px auto 24px;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 28px rgba(0,0,0,.35));animation:float 5s ease-in-out infinite}h1,h2,h3{font-family:Orbitron,sans-serif;font-weight:700;line-height:1.35;color:var(--text)}h1{margin:0 0 16px;font-size:clamp(28px,4vw,46px);letter-spacing:.02em;background:linear-gradient(135deg,#fff 0%,var(--text-soft) 50%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 12px rgba(0,0,0,.2))}.hero h1{background:linear-gradient(135deg,#fff,#c8dcff 40%,#7ec8ff);-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:clamp(22px,3.2vw,32px);margin:0 0 24px;letter-spacing:.02em}h3{font-size:clamp(16px,2vw,20px);margin:0 0 10px;font-weight:500}.lead{max-width:640px;margin:0 auto 28px;font-size:clamp(17px,2.2vw,22px);line-height:1.6;color:var(--text-soft)}.heroActions{display:flex;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.cta{font-family:Orbitron,sans-serif;font-weight:500;text-decoration:none;font-size:13px;letter-spacing:.08em;padding:14px 24px;border-radius:12px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}.cta.primary{color:#0a1628;background:linear-gradient(135deg,var(--accent) 0%,#7edcff 50%,#a0e8ff 100%);box-shadow:0 4px 24px var(--glow),inset 0 1px #fff6}.cta.primary:hover{transform:translateY(-3px);box-shadow:0 12px 36px var(--glow),0 0 24px #5dd4ff33,inset 0 1px #fff6;filter:brightness(1.1)}.cta.ghost{color:var(--text);border:1px solid var(--line-bright);background:var(--glass)}.cta.ghost:hover{background:#ffffff14;box-shadow:0 0 20px #4f93ff33}.token{margin:0;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px;animation:fadeUp .6s ease-out .2s both}.statCard{border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(180deg,#192d5f99,#0c1c41d9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:22px 18px;text-align:center;transition:border-color .25s,box-shadow .25s,transform .25s;box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff0a}.statCard:hover{border-color:var(--line-bright);box-shadow:0 12px 32px #00193c59,0 0 20px var(--glow-warm),inset 0 1px #ffffff0f;transform:translateY(-4px)}.statCard h3{margin:0;font-size:clamp(20px,2.5vw,28px);background:linear-gradient(135deg,var(--accent),var(--accent-warm));-webkit-background-clip:text;background-clip:text;color:transparent}.statCard p{margin:10px 0 0;font-size:13px;color:var(--muted);font-weight:500}.section{margin-top:32px;border:1px solid var(--line);border-radius:22px;padding:36px 30px;background:linear-gradient(180deg,#12234ba6,#0a1634e0);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow),0 0 0 1px #ffffff05 inset,inset 0 1px #ffffff0a}.section:nth-of-type(1){animation:fadeUp .6s ease-out .25s both}.section:nth-of-type(2){animation:fadeUp .6s ease-out .35s both}.section:nth-of-type(3){animation:fadeUp .6s ease-out .4s both}.section:nth-of-type(4){animation:fadeUp .6s ease-out .45s both}.section:nth-of-type(5){animation:fadeUp .6s ease-out .5s both}.section:nth-of-type(6){animation:fadeUp .6s ease-out .55s both}.section:nth-of-type(7){animation:fadeUp .6s ease-out .6s both}.sectionTag{margin-bottom:10px;font-size:12px;letter-spacing:.12em;color:var(--muted)}.shotGrid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.shot{margin:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);min-height:200px;box-shadow:0 4px 24px #00000047,inset 0 1px #ffffff0a;transition:transform .3s ease,box-shadow .3s ease,border-color .25s}.shot:hover{transform:scale(1.02) translateY(-2px);box-shadow:0 16px 40px #0006,0 0 24px var(--glow-warm);border-color:var(--line-bright)}.shot.wide{grid-column:span 2}.shot img{width:100%;height:100%;min-height:200px;display:block;object-fit:cover}.featureGrid,.roadmapGrid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.featureCard,.roadmapCard,.stepCard{border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(180deg,#162a55b3,#0e1c3ee6);padding:22px 20px;transition:border-color .25s,box-shadow .25s,transform .25s;box-shadow:0 4px 20px #0000001f,inset 0 1px #ffffff08}.featureCard:hover,.roadmapCard:hover,.stepCard:hover{border-color:var(--line-bright);box-shadow:0 12px 32px #00193c4d,0 0 24px var(--glow-warm),inset 0 1px #ffffff0d;transform:translateY(-4px)}.featureIcon{font-size:36px;display:block;margin-bottom:8px}.featureCard p,.stepCard p{font-size:15px;line-height:1.6;color:var(--text-soft);margin:0}.featureCard small{display:inline-block;margin-top:12px;font-size:11px;font-weight:500;letter-spacing:.05em;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stepNumber{font-family:Orbitron,sans-serif;font-size:12px!important;font-weight:500;color:var(--muted)!important;margin:0 0 8px!important;letter-spacing:.1em}.stepIcon{font-size:32px;display:block;margin-bottom:8px}.roadmapCard .phaseLabel{font-family:Orbitron,sans-serif;font-size:11px;font-weight:500;color:var(--muted);margin:0 0 8px;letter-spacing:.08em}.roadmapCard ul{margin:0;padding-left:20px}.roadmapCard li{font-size:14px;line-height:1.7;color:var(--text-soft);margin-bottom:4px}.join{text-align:center;padding:48px 36px;background:linear-gradient(165deg,#1c3a7866,#0c1c4199,#081432d9);box-shadow:0 0 48px #5dd4ff0f,inset 0 1px #ffffff0f}.join h2{background:linear-gradient(135deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.joinLogo{max-width:80px;width:auto;height:auto;max-height:80px;object-fit:contain;object-position:center;border-radius:16px;margin-bottom:16px;box-shadow:0 4px 16px #0000004d}.perkRow{margin-top:24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.whitelistForm{margin-top:26px;margin-bottom:18px;display:flex;flex-direction:column;align-items:center;gap:16px}.fieldRow{display:flex;gap:16px;width:100%;max-width:640px}.field{flex:1;text-align:left}.field label{display:block;margin-bottom:6px;font-size:12px;color:var(--muted)}.field input{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:#030a1ee6;color:var(--text);font-size:14px;outline:none;box-shadow:inset 0 1px #ffffff08;transition:border-color .2s,box-shadow .2s,background .2s}.field input::placeholder{color:#8090b8}.field input:focus{border-color:var(--accent);background:#05122df2;box-shadow:0 0 0 1px var(--accent),0 0 18px #5dd4ff40}.whitelistMessage{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:#c7f9d4;padding:8px 14px;border-radius:999px;background:radial-gradient(circle at 0 0,rgba(255,255,255,.25),transparent 55%),linear-gradient(120deg,#38bd95f2,#16a34af2);box-shadow:0 4px 18px #16a34a59;border:1px solid rgba(209,250,229,.8)}.whitelistDot{width:8px;height:8px;border-radius:999px;background:#bbf7d0;box-shadow:0 0 12px #bbf7d0e6}.perkRow span{border:1px solid var(--line-bright);border-radius:999px;padding:12px 20px;font-size:12px;font-weight:500;color:var(--text-soft);background:#ffffff0a;box-shadow:0 2px 12px #0003,inset 0 1px #ffffff0f;transition:border-color .2s,box-shadow .2s,transform .2s}.perkRow span:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--glow-warm);transform:translateY(-2px)}.footer{margin-top:48px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:1px;background:linear-gradient(90deg,transparent,var(--line-bright),transparent);opacity:.8}.footer .brand{font-size:14px}.footerLinks{display:flex;gap:20px}@media(max-width:900px){.stats,.featureGrid,.steps,.roadmapGrid{grid-template-columns:1fr 1fr}.featureCard:last-child,.stepCard:last-child{grid-column:span 2}}@media(max-width:640px){.page{padding:14px 16px 36px}.nav{flex-direction:column;align-items:stretch;top:12px}.navLinks{flex-wrap:wrap}.hero{padding:32px 20px}.stats,.featureGrid,.steps,.roadmapGrid,.shotGrid{grid-template-columns:1fr}.shot.wide,.featureCard:last-child,.stepCard:last-child{grid-column:auto}.footer{flex-direction:column;text-align:center}.fieldRow{flex-direction:column;max-width:100%}}