:root{--navy-900:#050a1f;--navy-800:#0a1230;--navy-700:#101a44;--blue-600:#1d3fae;--blue-500:#2f5ce0;--blue-400:#5b8dff;--gold-300:#fff3c4;--gold-400:#f0cd6a;--gold-500:#e7bb4c;--gold-700:#a6791f;--text:#eaf0ff;--text-dim:#9fb0d9;--danger:#ff6b6b;--sans:"Segoe UI", system-ui, Roboto, sans-serif;font:16px/1.5 var(--sans);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--navy-900);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2{font-family:var(--sans);color:var(--text)}.page{background:radial-gradient(120% 90% at 50% -10%, #0a123059 0%, transparent 60%), linear-gradient(180deg, #050a1f8c, #050a1fcc 55%, var(--navy-900) 100%), url(/assets/stage-bg-9sG3DpAI.jpg) center 32% / cover no-repeat;justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.glow{filter:blur(60px);opacity:.4;pointer-events:none;mix-blend-mode:screen;border-radius:50%;animation:12s ease-in-out infinite float;position:absolute}.glow-a{background:radial-gradient(circle, var(--blue-500), transparent 70%);width:42vmax;height:42vmax;top:-14vmax;left:-12vmax}.glow-b{background:radial-gradient(circle, var(--gold-700), transparent 70%);width:36vmax;height:36vmax;animation-duration:15s;animation-delay:-4s;bottom:-12vmax;right:-10vmax}.glow-c{background:radial-gradient(circle, var(--blue-400), transparent 70%);width:26vmax;height:26vmax;animation-duration:10s;animation-delay:-2s;top:-8vmax;right:8vmax}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4%,6%)scale(1.08)}}.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:linear-gradient(#101a44bf,#050a1fd9);border:1px solid #e7bb4c40;border-radius:22px;width:100%;max-width:420px;padding:clamp(24px,5vw,40px) clamp(20px,5vw,32px) 28px;animation:.7s cubic-bezier(.2,.8,.2,1) both rise;position:relative;box-shadow:0 0 0 1px #5b8dff14,0 20px 60px #0000008c,0 0 60px #2f5ce033}@keyframes rise{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.card.shake{animation:.42s shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.emblem{place-items:center;width:clamp(120px,32vw,160px);height:clamp(120px,32vw,160px);margin:0 auto 18px;display:grid;position:relative}.emblem-ring{background:conic-gradient(#0000 0deg,#f0cd6a8c 60deg,#0000 140deg 220deg,#5b8dff80 280deg,#0000 360deg);border-radius:50%;animation:9s linear infinite spin;position:absolute;inset:-14%}@keyframes spin{to{transform:rotate(360deg)}}.emblem-logo{object-fit:contain;filter:drop-shadow(0 0 16px #e7bb4c73);width:100%;height:100%;animation:3.4s ease-in-out infinite breathe;position:relative}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.title{letter-spacing:-.2px;background:linear-gradient(100deg, var(--gold-300), var(--gold-500) 40%, var(--gold-300) 70%);color:#0000;background-size:220%;-webkit-background-clip:text;background-clip:text;margin:4px 0;font-size:clamp(22px,5.4vw,28px);font-weight:700;animation:5s linear infinite shimmer}@keyframes shimmer{to{background-position:-220%}}.subtitle{color:var(--text-dim);margin:0 0 22px;font-size:14px}.field{text-align:left;margin-bottom:0x;display:block}.field-label{letter-spacing:.4px;text-transform:uppercase;color:var(--gold-500);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field input{width:100%;color:var(--text);background:#050a1f8c;border:1px solid #5b8dff4d;border-radius:10px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.field input::placeholder{color:#9fb0d98c}.field input:focus{border-color:var(--blue-400);background:#0a1230bf;box-shadow:0 0 0 3px #5b8dff40}.field input.invalid{border-color:var(--danger)}.field input.invalid:focus{box-shadow:0 0 0 3px #ff6b6b38}.field-error{min-height:16px;color:var(--danger);opacity:0;margin-top:5px;font-size:12px;transition:opacity .18s,transform .18s;display:block;transform:translateY(-3px)}.field-error.show{opacity:1;transform:translateY(0)}.server-error{color:var(--danger);margin:0 0 14px;font-size:13px}.btn{letter-spacing:.3px;color:#241a00;background:linear-gradient(135deg, var(--gold-300), var(--gold-500) 55%, var(--gold-700));cursor:pointer;background-size:160% 160%;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:6px;padding:13px 18px;font-size:15.5px;font-weight:700;transition:transform .15s,box-shadow .2s,background-position .4s;display:flex;box-shadow:0 10px 24px #e7bb4c40}.btn:hover:not(:disabled){background-position:100% 0;transform:translateY(-2px);box-shadow:0 14px 30px #e7bb4c59}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn:disabled{opacity:.75;cursor:not-allowed}.btn.ghost{color:var(--text);box-shadow:none;background:0 0;border:1px solid #5b8dff66;margin-top:18px}.btn.ghost:hover{box-shadow:none;background:#5b8dff1f;transform:none}.spinner{border:2.5px solid #241a0059;border-top-color:#241a00;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.success{padding:12px 0 4px;animation:.5s both rise}.success p{color:var(--text);margin:14px 0 0;font-size:15px}.check{width:68px;height:68px;margin:0 auto}.check-circle{fill:none;stroke:var(--gold-500);stroke-width:2.5px;stroke-dasharray:151;stroke-dashoffset:151px;animation:.6s forwards draw}.check-mark{stroke:var(--gold-300);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:36px;animation:.4s .5s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}@media (width<=380px){.card{border-radius:18px}}@media (prefers-reduced-motion:reduce){.glow,.emblem-ring,.title,.card,.success{animation:none!important}}