.auth{isolation:isolate;color:#eaf1ff;background:radial-gradient(120% 80% at 58% 0,#123d74 0%,#123d7400 60%),linear-gradient(145deg,#071a35 0%,#020917 100%);flex-direction:column;flex:1;min-height:100svh;font-family:Arial,Helvetica,sans-serif;display:flex;position:relative;overflow-x:clip}.auth:before{content:"";z-index:-1;transform-origin:0 0;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 149px,#ffffff05 150px 151px),linear-gradient(#10253cd9,#06101e73);border-top:1px solid #2e649be6;height:520px;position:absolute;top:40px;left:34%;right:-34%;transform:rotate(-22deg);box-shadow:0 -20px 100px #007aff0f}.auth__bar{justify-content:space-between;align-items:center;gap:20px;padding:22px clamp(18px,4vw,40px);display:flex}.auth__brand{background:#f5f8ff;border-radius:999px;align-items:center;padding:7px 16px;display:inline-flex;box-shadow:0 2px 10px #030c1c59}.auth__brand img{object-fit:contain;width:auto;height:34px;display:block}.auth__back{color:#dce8ff;background:#ffffff0d;border:1px solid #7aa3d64d;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.auth__back:hover{background:#ffffff1a;border-color:#2374f2}.auth__main{flex:1;justify-content:center;align-items:center;padding:clamp(20px,5vw,60px) clamp(18px,4vw,40px) 70px;display:flex}.auth__card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(150deg,#0a1b34eb,#050d1ceb);border:1px solid #2374f2;border-radius:22px;width:100%;max-width:460px;padding:clamp(26px,4vw,40px);box-shadow:inset 0 1px 2px #9ec9ff40,0 24px 70px #00000080,0 0 30px #006bff1f}.auth__eyebrow{letter-spacing:.17em;text-transform:uppercase;color:#7cb0ff;align-items:center;gap:9px;font-size:10px;font-weight:700;display:inline-flex}.auth__eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.auth__title{letter-spacing:-1px;color:#f6f9ff;margin:16px 0 6px;font-size:30px;font-weight:750}.auth__sub{color:#9fb0cb;margin:0 0 26px;font-size:14px}.auth__alert{border:1px solid #0000;border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5}.auth__alert--error{color:#ffb3ad;background:#d1443a29;border-color:#ff8a8273}.auth__alert--success{color:#7ee2b0;background:#1f9a6426;border-color:#56d29a66}.auth__field{margin-bottom:18px}.auth__label{color:#cdd9ee;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.auth__input{color:#eaf1ff;background:#040c1acc;border:1px solid #7aa3d64d;border-radius:12px;width:100%;padding:13px 15px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.auth__input::placeholder{color:#6f7f99}.auth__input:hover{border-color:#7aa3d680}.auth__input:focus,.auth__input:focus-visible{background:#040c1af2;border-color:#2374f2;outline:none;box-shadow:0 0 0 3px #2374f247}.auth__password{position:relative}.auth__password .auth__input{padding-right:46px}.auth__toggle{color:#8ea3c2;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;transition:color .15s,background .15s;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth__toggle:hover{color:#e6eeff;background:#ffffff12}.auth__error{color:#ff9a92;margin:7px 0 0;font-size:12px}.auth__submit{color:#fff;cursor:pointer;background:linear-gradient(#0873ff,#0445f5);border:2px solid #0961ff;border-radius:12px;width:100%;margin-top:6px;padding:14px;font-size:15px;font-weight:700;transition:background .2s,box-shadow .2s,transform .2s;box-shadow:inset 0 2px 3px #00b8ff70,0 8px 24px #006cff4d}.auth__submit:hover:not(:disabled){background:linear-gradient(#1a80ff,#0c50f7);transform:translateY(-1px);box-shadow:inset 0 2px 3px #00b8ff80,0 12px 30px #006cff73}.auth__submit:disabled{opacity:.6;cursor:default}.auth__foot{text-align:center;color:#9fb0cb;margin:22px 0 0;font-size:13px}.auth__foot a{color:#7cb0ff;font-weight:600;text-decoration:none}.auth__foot a:hover{color:#a8cbff;text-decoration:underline}.auth__help{text-align:center;color:#7d8ba4;margin:14px 0 0;font-size:12px}.auth__help a{color:#9fb0cb}.auth__skeleton{background:linear-gradient(150deg,#0a1b34b3,#050d1cb3);border:1px solid #7aa3d638;border-radius:22px;width:100%;max-width:460px;height:440px;animation:1.6s ease-in-out infinite auth-pulse}@keyframes auth-pulse{0%,to{opacity:1}50%{opacity:.55}}.auth :is(a,button,input):focus-visible{outline-offset:3px;outline:3px solid #9cddff}.auth__input:focus-visible{outline:none}@media (max-width:560px){.auth__title{font-size:26px}.auth__brand img{height:30px}}@media (prefers-reduced-motion:reduce){.auth *{transition:none!important}.auth__skeleton{animation:none}}