.login-mobile{--login-mobile-fg:#0f172a;--login-mobile-muted:#64748b;--login-mobile-surface:#fff;--login-mobile-accent:#0d9488;--login-mobile-accent-pressed:#0f766e;--login-mobile-border:#e2e8f0;--login-mobile-error:#b91c1c;--login-mobile-error-bg:#fef2f2;min-height:100vh;padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));box-sizing:border-box;font-family:var(--font-geist-sans), system-ui, -apple-system, sans-serif;color:var(--login-mobile-fg);-webkit-tap-highlight-color:transparent;background:linear-gradient(165deg,#0f172a 0%,#134e4a 42%,#f0fdfa 42%);flex-direction:column;display:flex}.login-mobile__hero{text-align:center;color:#f0fdfa;flex:none;padding:.5rem 0 1.5rem}.login-mobile__logo-wrap{max-width:13rem;margin:0 auto 1rem}.login-mobile__logo-wrap img{object-fit:contain;width:100%;height:auto}.login-mobile__sheet-title{text-align:center;color:var(--login-mobile-fg);letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.2rem;font-weight:700}.login-mobile__kicker{letter-spacing:.2em;text-transform:uppercase;opacity:.75;margin:0 0 .35rem;font-size:.7rem}.login-mobile__title{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.login-mobile__sheet{background:var(--login-mobile-surface);border-radius:1.25rem 1.25rem 0 0;flex-direction:column;flex:auto;margin:0 -.25rem;padding:1.5rem 1.25rem 1.25rem;display:flex;box-shadow:0 -8px 32px #0f172a1f}.login-mobile__subtitle{text-align:center;color:var(--login-mobile-muted);margin:0 0 1.5rem;font-size:.875rem;line-height:1.45}.login-mobile__form{flex-direction:column;gap:1.25rem;display:flex}.login-mobile__field{flex-direction:column;gap:.4rem;display:flex}.login-mobile__label{color:var(--login-mobile-fg);font-size:.8rem;font-weight:600}.login-mobile__input{border:1.5px solid var(--login-mobile-border);width:100%;min-height:3.25rem;color:var(--login-mobile-fg);box-sizing:border-box;appearance:none;background:#f8fafc;border-radius:.75rem;padding:0 1rem;font-size:1rem;line-height:1.3}.login-mobile__input::placeholder{color:#94a3b8}.login-mobile__input:focus{border-color:var(--login-mobile-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--login-mobile-accent) 20%, transparent);background:#fff;outline:none}.login-mobile__error{color:var(--login-mobile-error);background:var(--login-mobile-error-bg);border:1px solid color-mix(in srgb, var(--login-mobile-error) 18%, transparent);border-radius:.65rem;padding:.75rem .9rem;font-size:.8rem;line-height:1.4}.login-mobile__submit{color:#fff;background:var(--login-mobile-accent);cursor:pointer;width:100%;min-height:3.25rem;box-shadow:0 4px 14px color-mix(in srgb, var(--login-mobile-accent) 40%, transparent);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:0 1.25rem;font-size:1.05rem;font-weight:600;display:flex}.login-mobile__submit:disabled{opacity:.75;cursor:not-allowed;box-shadow:none}.login-mobile__submit:not(:disabled):active{background:var(--login-mobile-accent-pressed);transform:scale(.98)}.login-mobile__spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:1.1rem;height:1.1rem;animation:.7s linear infinite login-mobile-spin}@keyframes login-mobile-spin{to{transform:rotate(360deg)}}