.container.svelte-1x05zx6{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand) 50%,var(--color-brand) 100%)}.login-card.svelte-1x05zx6{max-width:500px;width:100%;background:var(--color-surface);border-radius:8px;box-shadow:0 8px 32px #0000004d;overflow:hidden}.logo-section.svelte-1x05zx6{background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand) 100%);color:var(--color-on-brand);padding:2rem;text-align:center}.logo-section.svelte-1x05zx6 h1:where(.svelte-1x05zx6){margin:0 0 .5rem;font-size:2rem;font-weight:700}.logo-section.svelte-1x05zx6 p:where(.svelte-1x05zx6){margin:0;opacity:.9;font-size:1rem}.form-section.svelte-1x05zx6{padding:2rem}.form-section.svelte-1x05zx6 h2:where(.svelte-1x05zx6){margin:0 0 .5rem;color:var(--color-fg);font-size:1.5rem}.subtitle.svelte-1x05zx6{margin:0 0 1.5rem;color:var(--color-fg-muted);font-size:.95rem}.success-message.svelte-1x05zx6{margin-bottom:1rem;padding:.875rem;background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-line);border-radius:4px;font-size:.9rem}.error-message.svelte-1x05zx6{margin-bottom:1rem;padding:.875rem;background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-line);border-radius:4px;font-size:.9rem}.form-group.svelte-1x05zx6{margin-bottom:1rem}.form-group.svelte-1x05zx6 label:where(.svelte-1x05zx6){display:block;margin-bottom:.375rem;font-size:.9rem;font-weight:600;color:var(--color-fg)}.form-group.svelte-1x05zx6 input:where(.svelte-1x05zx6){width:100%;padding:.625rem .75rem;border:1px solid var(--color-line-strong);border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group.svelte-1x05zx6 input:where(.svelte-1x05zx6):focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.form-group.svelte-1x05zx6 input:where(.svelte-1x05zx6):disabled{background:var(--color-surface-muted);opacity:.7}.primary-btn.svelte-1x05zx6{width:100%;padding:.75rem;background:var(--color-brand);color:var(--color-on-brand);border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.25rem}.primary-btn.svelte-1x05zx6:hover:not(:disabled){background:var(--color-brand-hover)}.primary-btn.svelte-1x05zx6:disabled{opacity:.6;cursor:not-allowed}.divider.svelte-1x05zx6{display:flex;align-items:center;text-align:center;color:var(--color-fg-subtle);font-size:.9rem;margin:1.25rem 0;gap:.75rem}.divider.svelte-1x05zx6:before,.divider.svelte-1x05zx6:after{content:"";flex:1;border-bottom:1px solid var(--color-line)}.auth-links.svelte-1x05zx6{margin-top:1rem;text-align:center;font-size:.9rem;color:var(--color-fg-muted)}.auth-links.svelte-1x05zx6 a:where(.svelte-1x05zx6){color:var(--color-accent);text-decoration:none}.auth-links.svelte-1x05zx6 a:where(.svelte-1x05zx6):hover{text-decoration:underline}.separator.svelte-1x05zx6{margin:0 .4rem}.link-btn.svelte-1x05zx6{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:.9rem;padding:0;margin-top:1rem;text-decoration:underline}.link-btn.svelte-1x05zx6:hover:not(:disabled){color:var(--color-accent-hover)}.link-btn.svelte-1x05zx6:disabled{opacity:.6;cursor:not-allowed}.method-picker.svelte-1x05zx6{display:flex;gap:.5rem;margin:0 0 1rem;padding:0;border:none}.method-picker.svelte-1x05zx6 legend:where(.svelte-1x05zx6){margin-bottom:.375rem;font-size:.9rem;font-weight:600;color:var(--color-fg)}.method-option.svelte-1x05zx6{flex:1;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-line-strong);border-radius:4px;font-size:.9rem;color:var(--color-fg);cursor:pointer}.method-option.selected.svelte-1x05zx6{border-color:var(--color-accent);outline:1px solid var(--color-accent)}.method-option.svelte-1x05zx6:focus-within{outline:2px solid var(--color-accent);outline-offset:1px}.remember-device.svelte-1x05zx6{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;color:var(--color-fg);cursor:pointer}.mfa-actions.svelte-1x05zx6{display:flex;justify-content:space-between}.security-note.svelte-1x05zx6{background:var(--color-surface-muted);padding:1.5rem 2rem;border-top:1px solid var(--color-line)}.security-note.svelte-1x05zx6 p:where(.svelte-1x05zx6){margin:0;font-size:.85rem;color:var(--color-fg-muted);line-height:1.5}.google-btn.svelte-1x05zx6{width:100%;padding:.875rem;background:var(--color-surface);color:var(--color-fg);border:2px solid var(--color-line);border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s}.google-btn.svelte-1x05zx6:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-accent);box-shadow:0 2px 8px #003da51a}.google-btn.svelte-1x05zx6+.xbox-btn:where(.svelte-1x05zx6){margin-top:.75rem}.google-btn.svelte-1x05zx6:disabled{opacity:.6;cursor:not-allowed}.google-icon.svelte-1x05zx6{width:20px;height:20px}@media(max-width:576px){.container.svelte-1x05zx6{padding:1rem}.logo-section.svelte-1x05zx6{padding:1.5rem}.logo-section.svelte-1x05zx6 h1:where(.svelte-1x05zx6){font-size:1.5rem}.form-section.svelte-1x05zx6{padding:1.5rem}}