.login-section.svelte-1x05zx6{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1.5rem 4rem;background:var(--color-landing-soft)}.login-card.svelte-1x05zx6{width:100%;max-width:460px;background:var(--color-bg-card);border:1px solid #e4e4e4;padding:3rem 2.75rem;display:flex;flex-direction:column}.overline.svelte-1x05zx6{display:inline-flex;align-items:center;padding-left:14px;border-left:3px solid var(--c-ch-red);text-decoration:none;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--c-grey-70);line-height:1.2;margin-bottom:1rem}h1.svelte-1x05zx6{font-family:var(--font-sans);font-size:clamp(1.85rem,3.4vw,2.4rem);font-weight:600;line-height:1.1;letter-spacing:-.025em;color:var(--c-ink);margin:0 0 1rem}.lead.svelte-1x05zx6{font-size:.95rem;line-height:1.65;color:#666;margin:0 0 2rem}.lead.svelte-1x05zx6 strong:where(.svelte-1x05zx6){color:#1a1a1a;font-weight:700}.login-form.svelte-1x05zx6{display:flex;flex-direction:column;gap:.75rem}.code-form.svelte-1x05zx6{margin:.5rem 0 1.5rem}.field-label.svelte-1x05zx6{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#555}.login-form.svelte-1x05zx6 input:where(.svelte-1x05zx6){width:100%;padding:.95rem 1.05rem;background:var(--color-bg-card);border:1px solid #d4d4d4;font-family:var(--font-sans);font-size:.95rem;color:#1a1a1a;outline:none;transition:border-color .15s}.login-form.svelte-1x05zx6 input:where(.svelte-1x05zx6):focus{border-color:#1a1a1a}.login-form.svelte-1x05zx6 input:where(.svelte-1x05zx6)::placeholder{color:#aaa}.primary-btn.svelte-1x05zx6{margin-top:.5rem;width:100%;padding:.95rem 1.1rem;background:#1a1a1a;color:#fff;border:none;font-family:var(--font-sans);font-size:.92rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.primary-btn.svelte-1x05zx6:hover:not(:disabled){background:#333}.primary-btn.svelte-1x05zx6:disabled{background:#b8b8b8;cursor:not-allowed}.spinner-inline.svelte-1x05zx6{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:svelte-1x05zx6-spin .7s linear infinite}.fine-print.svelte-1x05zx6{margin-top:.75rem;font-size:.8rem;line-height:1.6;color:#888}.error-inline.svelte-1x05zx6{margin-top:1rem;padding:.75rem .9rem;background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error);font-size:.88rem;line-height:1.5}.success-actions.svelte-1x05zx6{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.25rem}.divider.svelte-1x05zx6{color:#ccc}.text-btn.svelte-1x05zx6{background:none;border:none;padding:0;color:#1a1a1a;font-family:var(--font-sans);font-size:.88rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:.22rem;text-decoration-color:#ccc;transition:text-decoration-color .15s,color .15s}.text-btn.svelte-1x05zx6:hover:not(:disabled){text-decoration-color:#1a1a1a}.text-btn.svelte-1x05zx6:disabled{color:#999;cursor:not-allowed;text-decoration-color:#e0e0e0}.dev-hint.svelte-1x05zx6{margin-top:1.5rem;padding:.85rem 1rem;background:#fff8e6;border:1px dashed #e4c45a;display:flex;flex-direction:column;gap:.4rem}.dev-hint-label.svelte-1x05zx6{font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8a6d14}.dev-hint-link.svelte-1x05zx6{font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:#1a1a1a;text-decoration:underline;text-underline-offset:.2rem;text-decoration-color:#c4a630}.dev-hint-link.svelte-1x05zx6:hover{text-decoration-color:#1a1a1a}.login-fallback.svelte-1x05zx6{margin-top:2rem;max-width:460px;text-align:center}.login-fallback.svelte-1x05zx6 p:where(.svelte-1x05zx6){font-size:.85rem;color:#777;line-height:1.6}.login-fallback.svelte-1x05zx6 a:where(.svelte-1x05zx6){color:#1a1a1a;font-weight:700;text-decoration:underline;text-underline-offset:.18rem;text-decoration-color:#ccc;transition:text-decoration-color .15s}.login-fallback.svelte-1x05zx6 a:where(.svelte-1x05zx6):hover{text-decoration-color:#1a1a1a}@keyframes svelte-1x05zx6-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.login-section.svelte-1x05zx6{padding:3rem 1rem 2.5rem}.login-card.svelte-1x05zx6{padding:2.25rem 1.5rem}}
