.auth-page.svelte-1wx4tso{background-color:var(--color-surface);min-height:100vh;color:var(--color-on-surface);font-family:var(--font-sans,system-ui, sans-serif);justify-content:center;align-items:center;display:flex;position:relative}.back-link.svelte-1wx4tso{color:var(--color-on-surface-variant);align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:flex;position:absolute;top:24px;left:24px}.back-link.svelte-1wx4tso:hover{color:var(--color-on-surface)}.auth-container.svelte-1wx4tso{z-index:10;width:100%;max-width:440px;padding:32px;position:relative}.auth-header.svelte-1wx4tso{text-align:center;margin-bottom:32px}.auth-title.svelte-1wx4tso{font-family:var(--font-heading);color:var(--color-on-surface);letter-spacing:-.02em;margin:0 0 8px;font-size:30px;font-weight:700}.auth-subtitle.svelte-1wx4tso{font-family:var(--font-body);color:var(--color-on-surface-variant);margin:0;font-size:14px}.auth-card.svelte-1wx4tso{background-color:var(--color-surface-lowest);border-radius:var(--radius-2xl);box-shadow:var(--shadow-ambient-md);border:1px solid var(--color-outline-variant);padding:32px}.auth-form.svelte-1wx4tso{flex-direction:column;gap:20px;display:flex}.auth-error.svelte-1wx4tso{border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--color-error) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-error) 20%, transparent);color:var(--color-error);padding:16px;font-size:14px}.auth-success.svelte-1wx4tso{border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--color-status-success-text) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-status-success-text) 20%, transparent);color:var(--color-status-success-text);padding:16px;font-size:14px}.mb-4.svelte-1wx4tso{margin-bottom:16px}.mt-2.svelte-1wx4tso{margin-top:8px}.mt-4.svelte-1wx4tso{margin-top:16px}.input-group.svelte-1wx4tso{flex-direction:column;gap:8px;display:flex}.input-label.svelte-1wx4tso{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);font-size:12px;font-weight:600}.input-field.svelte-1wx4tso{border-radius:var(--radius-lg);border:1px solid var(--color-outline);background-color:var(--color-surface);width:100%;color:var(--color-on-surface);padding:12px 16px;font-size:14px;transition:all .2s}.input-field.svelte-1wx4tso::placeholder{color:var(--color-outline)}.input-field.svelte-1wx4tso:focus{border-color:var(--color-primary);background-color:var(--color-surface-lowest);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);outline:none}.submit-btn.svelte-1wx4tso{border-radius:var(--radius-lg);background-color:var(--color-primary);width:100%;color:var(--color-on-primary);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.submit-btn.svelte-1wx4tso:hover:not(:disabled){background-color:var(--color-primary-fixed-dim)}.submit-btn.svelte-1wx4tso:disabled{opacity:.7;cursor:not-allowed}.spinner.svelte-1wx4tso{width:16px;height:16px;animation:1s linear infinite svelte-1wx4tso-spin}.auth-footer.svelte-1wx4tso{text-align:center;color:var(--color-on-surface-variant);margin-top:32px;font-size:14px}.signup-link.svelte-1wx4tso{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .2s}.signup-link.svelte-1wx4tso:hover{color:var(--color-secondary)}.color-outline.svelte-1wx4tso{color:var(--color-outline)}.hover\:color-primary.svelte-1wx4tso:hover{color:var(--color-primary)}.color-success.svelte-1wx4tso{color:var(--color-status-success-text)}.flex-col-gap.svelte-1wx4tso{flex-direction:column;gap:12px;display:flex}.flex-col-center.svelte-1wx4tso{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px 0;display:flex}.success-icon-wrapper.svelte-1wx4tso{border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--color-status-success-text) 15%, transparent);width:64px;height:64px;color:var(--color-status-success-text);box-shadow:0 0 0 8px color-mix(in srgb, var(--color-status-success-text) 10%, transparent);justify-content:center;align-items:center;display:flex}.success-icon.svelte-1wx4tso{width:32px;height:32px}@keyframes svelte-1wx4tso-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}