:root{--login-bg:#0f172a;--login-card-bg:#1e293bb3;--login-border:#ffffff14;--login-text:#f8fafc;--login-text-muted:#94a3b8;--login-accent:#0d9488;--login-accent-hover:#0f766e;--login-error-bg:#ef444426;--login-error-border:#ef44444d;--login-error-text:#f87171;--login-shadow:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000004d}.login-wrapper{background:radial-gradient(circle at top left, #1e1b4b 0%, var(--login-bg) 50%, #020617 100%);width:100%;min-height:100vh;font-family:var(--font-inter), sans-serif;color:var(--login-text);justify-content:center;align-items:center;padding:1.5rem;display:flex}.login-card{background:var(--login-card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--login-border);width:100%;max-width:440px;box-shadow:var(--login-shadow);border-radius:1.25rem;padding:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards login-fade-in}@keyframes login-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card__header{text-align:center;margin-bottom:2rem}.login-card__logo{letter-spacing:.05em;background:linear-gradient(135deg, #2dd4bf, var(--login-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.login-card__title{color:var(--login-text);margin:0;font-size:1.25rem;font-weight:600}.login-card__subtitle{color:var(--login-text-muted);margin-top:.375rem;font-size:.875rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-form__group{flex-direction:column;gap:.5rem;display:flex}.login-form__label{color:var(--login-text-muted);font-size:.8125rem;font-weight:500}.login-form__input-wrapper{position:relative}.login-form__input{border:1px solid var(--login-border);width:100%;color:var(--login-text);background:#0f172a99;border-radius:.75rem;outline:none;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.login-form__input:focus-visible{border-color:var(--login-accent);box-shadow:0 0 0 2px #0d948833}.login-form__input[aria-invalid=true]{border-color:var(--login-error-border)}.login-form__error{background:var(--login-error-bg);border:1px solid var(--login-error-border);color:var(--login-error-text);border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.4;animation:.4s login-shake;display:flex}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-form__submit{background:var(--login-accent);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.login-form__submit:hover:not(:disabled){background-color:var(--login-accent-hover)}.login-form__submit:active:not(:disabled){transform:scale(.98)}.login-form__submit:focus-visible{outline:2px solid var(--login-accent);outline-offset:2px}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-form__toggle-password{color:var(--login-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.login-form__toggle-password:hover{color:var(--login-text)}.login-form__toggle-password:focus-visible{color:var(--login-text);outline:2px solid var(--login-accent);outline-offset:2px;border-radius:.5rem}.login-form__input--password{padding-right:3.25rem}@media (prefers-reduced-motion:reduce){.login-card,.login-form__error,.login-spinner{animation:none}.login-form__input,.login-form__submit,.login-form__toggle-password{transition:none}.login-form__submit:active:not(:disabled){transform:none}}