.login-scene{--navy: var(--color-brand-navy);--navy-deep: var(--color-brand-navy-deep);--blue: var(--color-brand-blue);--blue-press: var(--color-brand-indigo);--cyan: var(--color-brand-neon);--purple: var(--color-brand-purple);--white: #ffffff;--glass: rgba(9, 18, 78, .58);--glass-line: rgba(140, 175, 255, .18);--field: rgba(3, 9, 48, .55);--field-line: rgba(140, 175, 255, .16);--txt: #ffffff;--txt-soft: rgba(242, 240, 252, .64);--txt-dim: rgba(242, 240, 252, .42);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-depth: cubic-bezier(.19, 1, .22, 1);--t-quick: .18s;--t-base: .42s;--logo-drop: 96px;--bub-w: 1.16em;--bub-h: .96em;--bub-below: .2em;--pad-l: .2em;position:fixed;inset:0;z-index:0;background:var(--navy);color:var(--txt);font-family:Sora,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.login-scene *,.login-scene *:before,.login-scene *:after{box-sizing:border-box}.login-scene ::selection{background:#00f0ff47;color:#fff}.login-bg{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;opacity:0;transition:opacity 1.1s var(--ease)}.login-scene.bg-in .login-bg{opacity:1}.login-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 45%,transparent 30%,rgba(2,9,76,.45) 72%,rgba(1,5,38,.86) 100%)}.login-stage{position:relative;z-index:2;min-height:100dvh;display:grid;place-items:center;padding:32px 24px}.login-col{display:flex;flex-direction:column;align-items:center;gap:38px;width:100%;max-width:376px}.brandblock{display:flex;flex-direction:column;align-items:center;gap:26px;transform:translateY(var(--logo-drop));will-change:transform;transition:transform .82s var(--ease)}.login-scene.logo-up .brandblock{transform:translateY(0)}.brand-stage{opacity:0;transform:scale(.24);filter:blur(18px);will-change:transform,opacity,filter;transition:opacity .62s var(--ease-out),transform 1.35s var(--ease-depth),filter 1.15s var(--ease-depth)}.login-scene.logo-in .brand-stage{opacity:1;transform:scale(1);filter:blur(0)}.brand{display:flex;justify-content:center;line-height:1;filter:drop-shadow(0 0 24px rgba(7,43,250,.45)) drop-shadow(0 0 56px rgba(0,240,255,.18))}.brand img{display:block;width:clamp(260px,62vw,420px);height:auto;-webkit-user-select:none;user-select:none}.login-scene.logo-up .brand{animation:brand-breathe 5.5s var(--ease) infinite}@keyframes brand-breathe{0%,to{filter:drop-shadow(0 0 24px rgba(7,43,250,.42)) drop-shadow(0 0 56px rgba(0,240,255,.16))}50%{filter:drop-shadow(0 0 34px rgba(7,43,250,.58)) drop-shadow(0 0 78px rgba(0,240,255,.26))}}.brand-tagline{margin:0;font-size:12px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--txt-dim);text-align:center;opacity:0;transform:translateY(8px);transition:opacity .52s var(--ease-out) .9s,transform .52s var(--ease-out) .9s}.login-scene.logo-in .brand-tagline{opacity:1;transform:translateY(0)}.login-card{width:100%;background:var(--glass);border:1px solid var(--glass-line);border-radius:20px;padding:30px 28px 26px;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);box-shadow:0 24px 60px -20px #000420bf,inset 0 1px #bed7ff1f;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(30px);transition:opacity .64s var(--ease-out),transform .64s var(--ease-out)}.login-scene.form-in .login-card{opacity:1;transform:translateY(0)}.login-card>*{opacity:0;transform:translateY(12px);transition:opacity .46s var(--ease-out),transform .46s var(--ease-out)}.login-scene.form-in .login-card>*{opacity:1;transform:translateY(0)}.login-scene.form-in .login-card>*:nth-child(1){transition-delay:.12s}.login-scene.form-in .login-card>*:nth-child(2){transition-delay:.19s}.login-scene.form-in .login-card>*:nth-child(3){transition-delay:.26s}.login-scene.form-in .login-card>*:nth-child(4){transition-delay:.33s}.login-scene.form-in .login-card>*:nth-child(5){transition-delay:.4s}.login-field{display:flex;flex-direction:column;gap:7px}.login-field label{font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--txt-soft)}.login-inputwrap{position:relative;display:flex}.login-field input{width:100%;font-family:inherit;font-size:14.5px;font-weight:400;color:var(--txt);background:var(--field);border:1px solid var(--field-line);border-radius:11px;padding:12px 14px;outline:none;transition:border-color var(--t-quick) var(--ease),box-shadow var(--t-quick) var(--ease),background var(--t-quick) var(--ease)}.login-field input::placeholder{color:#f2f0fc4d}.login-field input:hover{border-color:#8cafff4d}.login-field input:focus{border-color:var(--cyan);background:#030930b8;box-shadow:0 0 0 3px #00f0ff29,0 0 22px -4px #00f0ff73}.login-field.has-toggle input{padding-right:44px}.login-peek{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;background:none;border:0;border-radius:8px;color:var(--txt-dim);cursor:pointer;transition:color var(--t-quick) var(--ease),background var(--t-quick) var(--ease)}.login-peek:hover{color:var(--txt);background:#8cafff1a}.login-peek svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-peek .slash{opacity:0;transition:opacity .14s var(--ease)}.login-peek[aria-pressed=true] .slash{opacity:1}.login-submit{position:relative;margin-top:4px;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.01em;color:#fff;background:var(--blue);border:0;border-radius:11px;padding:14px 18px;cursor:pointer;overflow:hidden;box-shadow:0 8px 26px -10px #072bfae6;transition:background var(--t-quick) var(--ease),box-shadow var(--t-base) var(--ease),transform .13s var(--ease)}.login-submit:hover{background:#0f39ff;box-shadow:0 10px 34px -8px #072bfa,0 0 34px -6px #00f0ff6b}.login-submit:active{transform:scale(.985);background:var(--blue-press)}.login-submit[data-busy=true]{pointer-events:none;color:transparent}.login-submit .spin{position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;opacity:0;animation:login-spin .7s linear infinite}.login-submit[data-busy=true] .spin{opacity:1}@keyframes login-spin{to{transform:rotate(360deg)}}.login-footrow{display:flex;justify-content:center;margin-top:2px}.login-footrow button{font-family:inherit;font-size:12.5px;color:var(--txt-soft);background:none;border:0;cursor:pointer;text-decoration:none;padding:4px 6px;border-radius:6px;transition:color var(--t-quick) var(--ease)}.login-footrow button:hover{color:var(--cyan)}.login-msg{min-height:16px;margin:0;font-size:12.5px;text-align:center;color:var(--cyan)}.login-msg.is-error{color:#ff8a8a}.login-scene :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.login-field input:focus-visible{outline:none}@media(max-width:420px){.login-col{gap:30px}.brandblock{gap:20px}.login-card{padding:26px 22px 22px;border-radius:18px}}@media(prefers-reduced-motion:reduce){.login-scene.logo-up .brand{animation:none}.login-bg,.brandblock,.brand-stage,.brand-tagline,.login-card,.login-card>*{transition-duration:1ms!important;transition-delay:0ms!important}}