:root{--bg: #05060f;--fg: #eaf2ff;--muted: #9aa6c4;--glass: rgba(255, 255, 255, .06);--glass-brd: rgba(255, 255, 255, .12);--accent: #7c5cff;--accent-2: #22d3ee}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:relative;width:100%;height:100%}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 50% 45%,rgba(124,92,255,.22),transparent 70%),radial-gradient(40% 40% at 80% 80%,rgba(34,211,238,.14),transparent 70%);z-index:0}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,4vw,40px);pointer-events:none}.overlay a,.overlay button,.overlay input{pointer-events:auto}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);padding:6px 16px 6px 7px;background:#07091480;border:1px solid var(--glass-brd);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:800;font-size:18px;color:#1a1140;background:linear-gradient(135deg,#ffd479,#f7931a);box-shadow:0 0 22px #f7931a8c}.brand-name{font-family:Sora,sans-serif;font-weight:700;letter-spacing:.2px;font-size:clamp(15px,2.4vw,19px)}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;font-size:13px;color:var(--fg);background:var(--glass);border:1px solid var(--glass-brd);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}.hero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(56vh,90vw,520px);height:min(56vh,90vw,520px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7%;background:radial-gradient(circle,#0709149e 58%,#0709144d);border:1px solid var(--glass-brd);border-radius:50%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 70px #00000073}.eyebrow{margin:0 0 10px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-2)}.title{font-family:Sora,sans-serif;font-weight:800;line-height:1.05;letter-spacing:-.02em;font-size:clamp(26px,4.6vw,46px);margin:0 0 14px;text-shadow:0 8px 40px rgba(0,0,0,.55)}.title-grad{background:linear-gradient(100deg,#8aa6ff,#7c5cff 40%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:0 auto;max-width:300px;font-size:clamp(13px,1.8vw,15px);line-height:1.55;color:var(--muted)}.coin-tag{font-weight:600;color:var(--c);white-space:nowrap}.foot{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.foot>span{padding:7px 14px;background:#07091480;border:1px solid var(--glass-brd);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.foot-hint{opacity:.9}@media (max-width: 600px),(max-height: 620px){.subtitle{display:none}}@media (max-width: 600px) and (orientation: portrait){.hero{width:min(84vmin,360px);height:min(84vmin,360px)}}@media (max-width: 600px){.title{font-size:clamp(26px,7.5vw,40px)}.nav{gap:10px}.foot{flex-direction:column;gap:8px;text-align:center}.brand-name{display:none}}
