:root{--bg-black: #000000;--bg-navy: #001F3F;--cyan: #00FFFF;--purple: #9400D3;--green: #00FF00;--ring-alpha: .35}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px at 50% 50%,rgba(0,31,63,.35),transparent 55%),linear-gradient(180deg,#000 0% 100%);color:#fff;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container{width:100vw;height:100dvh;display:grid;place-items:center}.stage{aspect-ratio:16/9;width:min(96vw,calc(96dvh * 16 / 9));height:auto;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:#0009;box-shadow:0 0 30px #0009 inset}.logo-wrap{position:relative;z-index:4;display:grid;place-items:center;transform-style:preserve-3d}.logo-img{width:clamp(160px,36vw,260px);height:auto;display:block;filter:drop-shadow(0 0 6px rgba(0,255,255,.6)) drop-shadow(0 0 12px rgba(148,0,211,.5));user-select:none}.cta{margin-top:18px;padding:14px 26px;border:none;border-radius:999px;font-size:16px;font-weight:700;letter-spacing:.06em;cursor:pointer;color:#001019;background:linear-gradient(90deg,var(--cyan),var(--purple));box-shadow:0 0 10px #00ffff80,0 0 14px #9400d373;transition:filter .16s ease,transform .16s ease;touch-action:manipulation}.cta--primary{color:#001019}.cta:focus-visible{outline:none;box-shadow:0 0 0 3px #0ff9,0 0 0 6px #9400d366}.status{margin-top:12px;font-size:12px;letter-spacing:.12em;opacity:.8}.progress-bar{position:absolute;left:10%;right:10%;bottom:6%;height:1px;background:#ffffff14;overflow:hidden}.progress-bar__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--purple),var(--cyan));filter:drop-shadow(0 0 6px rgba(148,0,211,.7)) drop-shadow(0 0 8px rgba(0,255,255,.7));transition:width .3s cubic-bezier(.65,0,.35,1)}.hud{position:absolute;bottom:max(10%,env(safe-area-inset-bottom));right:max(6%,env(safe-area-inset-right));z-index:5;font-weight:700;letter-spacing:.1em;color:#0ff;text-shadow:0 0 6px rgba(0,255,255,.7);font-size:13px}.site-header{position:absolute;top:max(12px,calc(8px + env(safe-area-inset-top)));left:max(14px,calc(10px + env(safe-area-inset-left)));z-index:6;display:flex;align-items:center;justify-content:flex-start;padding:4px}.social-nav{display:flex;gap:10px}.social-link{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#ffffff0f;border:1px solid rgba(0,255,255,.25);transition:transform .16s ease,filter .16s ease,background .16s ease;backdrop-filter:blur(2px);overflow:hidden;padding:6px}.social-link:hover{transform:translateY(-2px) scale(1.05);background:#ffffff1a;filter:drop-shadow(0 0 8px rgba(0,255,255,.8))}.social-img{width:100%;height:100%;object-fit:contain;display:block}.rings{position:absolute;inset:0;z-index:2;pointer-events:none;transform:scale(1)}.snow-3d{position:absolute;inset:0;z-index:1;pointer-events:none}.particles{position:absolute;inset:0;z-index:1}.pulse{animation:pulse .5s ease-in-out 1}@keyframes pulse{0%{filter:drop-shadow(0 0 0 rgba(0,255,255,0))}50%{filter:drop-shadow(0 0 12px rgba(0,255,255,.9)) drop-shadow(0 0 18px rgba(148,0,211,.9))}to{filter:drop-shadow(0 0 0 rgba(0,255,255,0))}}@keyframes spin{to{transform:rotate(360deg)}}.progress-spinner{transform-origin:50% 50%;animation:spin 1.7s linear infinite}@media(max-width:1024px){.stage{width:min(94vw,calc(94dvh * 16 / 9))}}@media(max-width:768px){.stage{aspect-ratio:auto;width:100vw;min-height:100dvh;border-radius:0;padding:24px 16px}.site-header{top:max(10px,calc(6px + env(safe-area-inset-top)));left:max(12px,calc(8px + env(safe-area-inset-left)));padding:4px}.social-nav{gap:8px}.social-link{width:46px;height:46px}.social-link{padding:5px}.hud{font-size:12px}.status{font-size:11px}.cta{padding:16px 28px;font-size:17px;margin-top:22px}.logo-img{width:clamp(140px,52vw,200px)}.rings{transform:scale(.78)}.particles{display:none}.progress-bar{position:static;width:80%;margin-top:12px}.logo-wrap{gap:8px}.hud{position:static;margin-top:8px}}