.login-page{flex:1 1;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:var(--font-ui);word-break:keep-all}.login-top{flex:none;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-brand{font-family:var(--font-body);font-weight:700;font-size:15px;color:var(--ink)}.login-top .locale-switch{display:flex;gap:4px}.login-top .locale-switch button{font-family:var(--font-ui);font-size:12px;padding:4px 10px;border:1px solid var(--rule);background:transparent;color:var(--meta);border-radius:8px;cursor:pointer}.login-top .locale-switch button:hover{color:var(--ink)}.login-top .locale-switch button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.login-card{flex:1 1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:26rem;margin:0 auto;padding:24px 24px 12vh}.login-h1{font-family:var(--font-body);font-size:26px;font-weight:700;color:var(--ink);margin-bottom:6px}.login-sub{font-size:13.5px;color:var(--meta);margin-bottom:20px}.login-sent-to{font-size:13px;color:var(--meta);margin-bottom:18px}.login-field{width:100%;padding:11px 13px;margin-bottom:12px;font-family:var(--font-ui);font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--rule);border-radius:8px}.login-field::placeholder{color:var(--meta-faint)}.login-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-submit{width:100%;padding:11px;border:0;border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;color:#fff;background:var(--accent);cursor:pointer}.login-submit:disabled{opacity:.55;cursor:default}.login-otp{position:relative;display:flex;gap:8px}.login-otp input{position:absolute;inset:0;width:100%;height:100%;z-index:1;padding:0;border:0;border-radius:8px;font-size:16px;color:transparent;background:transparent;caret-color:transparent}.login-otp input:focus{outline:none}.login-otp-cell{flex:1 1;min-width:0;max-width:52px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:22px;color:var(--ink);background:#fff;border:1px solid var(--rule);border-radius:8px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-otp:focus-within .login-otp-cell.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-otp-cell.is-error{border-color:var(--danger)}.login-otp.is-busy{opacity:.5}.login-status{font-size:13px;color:var(--meta);text-align:center;margin-top:16px}.login-status.is-error{color:var(--danger)}.login-actions{display:flex;gap:16px;justify-content:center;align-items:center;margin-top:18px}.login-link{background:none;border:0;padding:0;cursor:pointer;font-family:var(--font-ui);font-size:13px;color:var(--meta);text-decoration:underline;text-underline-offset:3px}.login-link:hover:not(:disabled){color:var(--ink)}.login-link:disabled{color:var(--meta-faint);text-decoration:none;cursor:default;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.login-invited{margin-top:16px;text-align:center;font-size:13px}.login-invited a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion:reduce){.login-otp-cell{transition:none}}