.login-container.svelte-8k30lk{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:2rem 1rem;min-height:100vh}.login-box.svelte-8k30lk{max-width:448px;width:100%;background-color:var(--color-surface);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.login-header.svelte-8k30lk{text-align:center;margin-bottom:2rem}.logo-section.svelte-8k30lk{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.logo-image.svelte-8k30lk{width:64px;height:64px;object-fit:contain}.brand-name.svelte-8k30lk{font-size:2rem;font-weight:700;color:var(--color-primary);margin:0;letter-spacing:-.02em}.login-title.svelte-8k30lk{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.75rem}.login-description.svelte-8k30lk{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;margin:0;max-width:100%}.login-form.svelte-8k30lk{margin-top:2rem}.form-group.svelte-8k30lk{margin-bottom:1.5rem}.form-label.svelte-8k30lk{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.form-input.svelte-8k30lk{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-md);position:relative;display:block;width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);color:var(--color-text);background-color:var(--color-surface);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input.svelte-8k30lk:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input.svelte-8k30lk::placeholder{color:var(--color-gray-400)}.form-actions.svelte-8k30lk{margin-top:1.5rem}.w-full.svelte-8k30lk{width:100%}.alert.svelte-8k30lk{padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem}.alert-error.svelte-8k30lk{background-color:var(--color-danger-50);color:var(--color-danger-700);border:1px solid rgba(220,38,38,.2)}.magic-link-box.svelte-8k30lk{margin-top:.75rem;padding:.75rem;background-color:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md)}.magic-link-label.svelte-8k30lk{font-size:.75rem;font-weight:600;color:var(--color-primary-700);margin-bottom:.25rem}.magic-link.svelte-8k30lk{font-size:.75rem;color:var(--color-primary-600);word-break:break-all;text-decoration:underline;display:block}.magic-link.svelte-8k30lk:hover{color:var(--color-primary-700)}.success-state.svelte-8k30lk{text-align:center;padding:1rem 0}.success-icon.svelte-8k30lk{display:flex;justify-content:center;margin-bottom:1.5rem;color:var(--color-success-600)}.success-title.svelte-8k30lk{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.success-message.svelte-8k30lk{font-size:1rem;color:var(--color-text);line-height:1.6;margin-bottom:.75rem}.success-note.svelte-8k30lk{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem}.success-actions.svelte-8k30lk{margin-top:2rem}.btn-secondary.svelte-8k30lk{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.btn-secondary.svelte-8k30lk:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}@media (max-width: 640px){.login-box.svelte-8k30lk{padding:2rem 1.5rem}.logo-image.svelte-8k30lk{width:56px;height:56px}.brand-name.svelte-8k30lk{font-size:1.75rem}.login-title.svelte-8k30lk,.success-title.svelte-8k30lk{font-size:1.25rem}}