*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}#root{min-height:100dvh}.loader-overlay{z-index:50;background:linear-gradient(#1a3379,#0f172a,#000);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-inner{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.loader-letter{color:#fff;opacity:.4;font-family:Outfit,system-ui,sans-serif;font-size:1.1rem;animation:3s infinite loaderLetter;display:inline-block}.loader-circle{border-radius:50%;animation:5s linear infinite loaderCircle;position:absolute;inset:0}@keyframes loaderCircle{0%{transform:rotate(90deg);box-shadow:inset 0 6px 12px #38bdf8,inset 0 12px 18px #005dff,inset 0 36px 36px #1e40af,0 0 3px 1.2px #38bdf84d,0 0 6px 1.8px #005dff33}50%{transform:rotate(270deg);box-shadow:inset 0 6px 12px #60a5fa,inset 0 12px 6px #0284c7,inset 0 24px 36px #005dff,0 0 3px 1.2px #38bdf84d,0 0 6px 1.8px #005dff33}to{transform:rotate(450deg);box-shadow:inset 0 6px 12px #4dc8fd,inset 0 12px 18px #005dff,inset 0 36px 36px #1e40af,0 0 3px 1.2px #38bdf84d,0 0 6px 1.8px #005dff33}}@keyframes loaderLetter{0%,to{opacity:.4;transform:translateY(0)}20%{opacity:1;transform:scale(1.15)}40%{opacity:.7;transform:translateY(0)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#001ca8;--navy-dark:#00148a;--navy-deep:#000d5c;--red:#f32737;--red-hover:#d41e2e;--white:#fff;--bg:#f4f6ff;--surface:#fff;--surface-border:#001ca81f;--surface-border-focus:#001ca88c;--surface-border-error:#f32737a6;--text:#0a0f2e;--text-sub:#0a0f2e8c;--text-label:#001ca8bf;--error:#c8001a;--font:"Outfit", system-ui, sans-serif;--shadow-card:0 4px 32px #001ca81a, 0 1px 4px #001ca80f;--shadow-btn:0 6px 20px #001ca847;--shadow-btn-hover:0 10px 28px #001ca866}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}.page{justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1.25rem;display:flex;position:relative;overflow:hidden}.ambient-glow{pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 50% 40%,#001ca812 0%,#0000 70%),radial-gradient(35% 35% at 80% 10%,#f327370d 0%,#0000 60%),radial-gradient(35% 35% at 10% 90%,#001ca80d 0%,#0000 60%);position:absolute;inset:0}.card{z-index:1;background:var(--surface);border:1px solid var(--surface-border);width:100%;max-width:420px;box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;align-items:center;gap:2.5rem;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) both fade-up;display:flex;position:relative}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-wrap{justify-content:center;align-items:center;animation:.6s cubic-bezier(.16,1,.3,1) 80ms both fade-up;display:flex}.brand-logo{width:100%;max-width:200px;height:auto;transition:opacity .2s}.brand-logo:hover{opacity:.85}.form{flex-direction:column;gap:.75rem;width:100%;animation:.6s cubic-bezier(.16,1,.3,1) .14s both fade-up;display:flex}.field{flex-direction:column;gap:.45rem;display:flex}.field-label{color:var(--text-label);letter-spacing:.07em;text-transform:uppercase;font-size:.75rem;font-weight:600}.input-wrap{border:1.5px solid var(--surface-border);background:#f7f9ff;border-radius:10px;transition:border-color .18s,box-shadow .18s,background .18s}.input-wrap.focused{border-color:var(--surface-border-focus);background:#fff;box-shadow:0 0 0 3px #001ca817}.input-wrap.has-error{border-color:var(--surface-border-error);box-shadow:0 0 0 3px #f3273714}.input{width:100%;font-family:var(--font);color:var(--text);caret-color:var(--navy);background:0 0;border:none;border-radius:10px;outline:none;padding:.85rem 1rem;font-size:.975rem;font-weight:400}.input::placeholder{color:#0a0f2e4d}.error-msg{color:var(--error);padding-left:.1rem;font-size:.78rem;font-weight:500}.btn{background:var(--navy);width:100%;color:var(--white);font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-btn);border:none;border-radius:10px;margin-top:.1rem;padding:.9rem 1.5rem;font-size:.975rem;font-weight:700;transition:background .18s,transform .15s,box-shadow .18s}.btn:hover{background:var(--navy-dark);box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-btn);transform:translateY(0)}.btn:focus-visible{outline:2.5px solid var(--navy-deep);outline-offset:3px}.btn:disabled{opacity:.85;cursor:not-allowed;transform:none}.btn-spinner{vertical-align:middle;border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.success{text-align:center;flex-direction:column;align-items:center;gap:.85rem;width:100%;animation:.5s cubic-bezier(.16,1,.3,1) both fade-up;display:flex}.success-icon{margin-bottom:.25rem}.success-text{color:var(--navy);letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.success-sub{color:var(--text-sub);font-size:.9rem;line-height:1.6}.success-countdown{color:var(--navy);letter-spacing:-.04em;margin-top:.25rem;font-size:3rem;font-weight:800;line-height:1;animation:1s ease-in-out infinite countdown-pulse}@keyframes countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}@media (width<=480px){.card{border-radius:16px;gap:2rem;padding:2.25rem 1.5rem}.brand-logo{max-width:160px}}@media (width>=768px){.page{padding:3rem 2rem}.card{max-width:460px;padding:3.5rem 3rem}.brand-logo{max-width:220px}}@media (width>=1024px){.card{max-width:480px}}