@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{color-scheme:dark light;--font-heading: "Outfit", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-window: 12px;--radius-panel: 18px;--radius-control: 12px;--radius-pill: 999px;--blur-panel: blur(28px) saturate(170%);--blur-chrome: blur(20px) saturate(160%);--accent: #7c5cff;--accent-warm: #ff5c9d;--ok: #3ddc97;--warn: #ffc857;--danger: #ff6b6b;--rgb-primary: var(--accent);--rgb-secondary: var(--accent-warm);--rgb-glow: rgba(124, 92, 255, .45);--rgb-caustic: rgba(255, 92, 157, .3);--fill-panel: rgba(28, 28, 34, .55);--fill-raised: rgba(255, 255, 255, .07);--fill-hover: rgba(255, 255, 255, .12);--fill-active: rgba(255, 255, 255, .16);--fill-sunken: rgba(0, 0, 0, .22);--stroke-hairline: rgba(255, 255, 255, .1);--stroke-specular: rgba(255, 255, 255, .38);--stroke-strong: rgba(255, 255, 255, .22);--text: rgba(255, 255, 255, .95);--text-dim: rgba(255, 255, 255, .62);--text-faint: rgba(255, 255, 255, .4);--shadow-panel: 0 16px 48px rgba(0, 0, 0, .45);--shadow-lift: 0 8px 24px rgba(0, 0, 0, .35);--ease-glass: cubic-bezier(.32, .72, 0, 1);--dur: .26s}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:#08080c;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#08080cf2;backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .75s var(--ease-glass),transform .75s var(--ease-glass)}.intro-overlay.fade-out{opacity:0;transform:scale(1.03);pointer-events:none}.intro-content{display:flex;flex-direction:column;align-items:center;gap:28px}.intro-logo-container{position:relative;width:160px;height:160px;display:flex;justify-content:center;align-items:center}.intro-pulse-ring{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:radial-gradient(circle,var(--rgb-glow) 0%,transparent 70%);animation:intro-caustic-pulse 2.5s infinite ease-in-out}@keyframes intro-caustic-pulse{0%,to{transform:scale(.95);opacity:.4}50%{transform:scale(1.15);opacity:.85}}.intro-logo-img{width:100px;height:100px;object-fit:contain;z-index:2;filter:drop-shadow(0 0 35px var(--rgb-glow));animation:intro-icon-float 3s infinite ease-in-out}@keyframes intro-icon-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}.intro-progress-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:160px;height:160px;transform:rotate(-90deg);z-index:3}.progress-bg{fill:none;stroke:#ffffff14;stroke-width:4}.progress-bar{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:465;stroke-dashoffset:465;transition:stroke-dashoffset .1s linear;filter:drop-shadow(0 0 12px var(--rgb-glow))}.intro-text-group{display:flex;flex-direction:column;align-items:center;gap:6px}.intro-percent{font-family:var(--font-mono);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#ffffff,var(--accent-warm));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-status{font-size:.82rem;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.05em}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.vignette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 35%,rgba(124,92,255,.14) 0%,transparent 60%),radial-gradient(circle at 75% 75%,rgba(255,92,157,.09) 0%,transparent 55%),radial-gradient(circle at 50% 50%,transparent 35%,rgba(8,8,12,.9) 100%)}#app{position:relative;z-index:2;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:28px 40px;overflow:hidden}.top-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.top-brand-text{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.nav-login-btn{position:relative;background:var(--fill-panel);backdrop-filter:var(--blur-chrome);-webkit-backdrop-filter:var(--blur-chrome);border-radius:var(--radius-pill);padding:9px 22px;font-size:.85rem;font-weight:600;color:var(--text-dim);cursor:pointer;box-shadow:inset 0 0 0 1px var(--stroke-hairline),var(--shadow-lift);transition:all var(--dur) var(--ease-glass)}.nav-login-btn:hover{background:var(--fill-hover);color:var(--text);transform:translateY(-1px);box-shadow:inset 0 0 0 1px var(--stroke-strong),0 6px 20px var(--rgb-glow)}.nav-login-btn:active{transform:scale(.985)}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;margin:0 auto;gap:22px}.hero-logo-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:4px}.hero-logo-img{width:clamp(130px,19vw,190px);height:auto;object-fit:contain;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;filter:drop-shadow(0 0 50px var(--rgb-glow)) drop-shadow(0 0 25px var(--rgb-caustic));transition:filter var(--dur) var(--ease-glass),transform var(--dur) var(--ease-glass);cursor:pointer}.hero-logo-img:hover{transform:scale(1.06) rotate(1deg);filter:drop-shadow(0 0 70px var(--accent-warm))}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:#7c5cff24;backdrop-filter:var(--blur-chrome);-webkit-backdrop-filter:var(--blur-chrome);border:1px solid rgba(124,92,255,.35);padding:6px 18px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;box-shadow:0 0 24px #7c5cff40,inset 0 1px #fff6}.hero-title-wrapper{position:relative;display:inline-block}.hero-title{position:relative;font-family:var(--font-heading);font-size:clamp(3.6rem,8.5vw,6.4rem);font-weight:900;line-height:.98;letter-spacing:-.04em;text-align:center;margin:0;padding:0;color:#fff;background:linear-gradient(var(--water-angle, 135deg),#ffffff 0%,#00f2fe 30%,var(--accent) 65%,var(--accent-warm) 100%);background-size:240% 240%;background-position:var(--bg-pos-x, 50%) var(--bg-pos-y, 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 14px 40px rgba(0,0,0,.85));will-change:background-position;transform:none!important}.hero-description{font-size:clamp(1.05rem,1.9vw,1.3rem);color:var(--text-dim);max-width:520px;line-height:1.5;font-weight:400}.notify-form{display:flex;gap:12px;width:100%;max-width:460px;margin-top:6px}.glass-input{flex:1;background:var(--fill-raised);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--stroke-hairline);border-radius:var(--radius-pill);padding:14px 24px;font-size:.95rem;color:var(--text);outline:none;box-shadow:inset 0 1px #ffffff26,0 8px 24px #0000004d;transition:all var(--dur) var(--ease-glass)}.glass-input::placeholder{color:var(--text-faint)}.glass-input:focus{border-color:var(--stroke-strong);box-shadow:inset 0 1px #ffffff4d,0 0 30px var(--rgb-glow)}.primary-btn{background:linear-gradient(150deg,var(--accent),var(--accent-warm));color:#fff;border:none;border-radius:var(--radius-pill);padding:14px 28px;font-family:var(--font-heading);font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:inset 0 1px #ffffff59,0 6px 18px #7c5cff59;transition:all var(--dur) var(--ease-glass)}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 10px 28px #7c5cff73}.primary-btn:active{transform:scale(.985)}.bottom-footer{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--text-faint);font-size:.85rem}.footer-links{display:flex;gap:18px}.footer-link{color:var(--text-dim);text-decoration:none;transition:color var(--dur)}.footer-link:hover{color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#08080cc7;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .35s var(--ease-glass)}.modal-backdrop.active{display:flex;opacity:1;pointer-events:auto}.glass-modal{position:relative;width:100%;max-width:400px;background:var(--fill-panel);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);border-radius:var(--radius-panel);padding:32px;box-shadow:inset 0 0 0 1px var(--stroke-hairline),var(--shadow-panel);display:flex;flex-direction:column;gap:18px;transform:scale(.92) translateY(12px);transition:transform .35s var(--ease-glass)}.glass-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,var(--stroke-specular) 0%,rgba(255,255,255,.06) 38%,rgba(255,255,255,0) 62%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.modal-backdrop.active .glass-modal{transform:scale(1) translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;color:var(--text)}.close-btn{background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;transition:color var(--dur)}.close-btn:hover{color:var(--text)}.login-field{display:flex;flex-direction:column;gap:10px}.field-label{font-size:.78rem;color:var(--text-dim);font-weight:600}.error-text{color:var(--accent-warm);font-size:.85rem;display:none}@media (max-width: 640px){#app{padding:18px}.hero-logo-img{width:120px}.notify-form{flex-direction:column}.bottom-footer{flex-direction:column;gap:10px}}