.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-page);padding:var(--space-xl) 24px}.auth-card{background:var(--color-bg);max-width:400px;width:100%;padding:var(--space-2xl) var(--space-lg)}.auth-logo{font-weight:600;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--color-ink);margin-bottom:var(--space-2xl)}.auth-logo,.auth-title{font-family:var(--font-display);text-align:center}.auth-title{font-weight:700;font-size:22px;color:var(--color-text);margin-bottom:var(--space-xs)}.auth-subtitle{font-size:14px;color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:6px}.form-input{width:100%;padding:12px 14px;font-family:var(--font-body);font-size:15px;color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-rule-strong);border-radius:0;outline:none;transition:border-color var(--transition)}.form-input:focus{border-color:var(--color-ink)}.form-input::placeholder{color:var(--color-text-muted)}.form-input[aria-invalid=true]{border-color:var(--color-alert)}.btn-submit{display:block;width:100%;padding:14px 24px;margin-top:var(--space-xl);font-family:var(--font-body);font-size:16px;font-weight:500;color:#ffffff;background:var(--color-ink);border:none;border-radius:0;cursor:pointer;text-align:center;transition:background var(--transition),transform var(--transition)}.btn-submit:hover{background:var(--color-ink-hover);transform:translateY(-1px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-error{font-size:13px;color:var(--color-alert);margin-top:6px}.auth-error{color:var(--color-alert);margin-bottom:var(--space-md)}.auth-error,.auth-toggle{font-size:14px;text-align:center}.auth-toggle{margin-top:var(--space-xl);color:var(--color-text-secondary)}.auth-toggle a{color:var(--color-ink);font-weight:600;text-decoration:none;transition:opacity var(--transition)}.auth-toggle a:hover{opacity:.7}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;color:var(--color-text-muted);font-size:13px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--color-rule)}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 24px;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-rule-strong);border-radius:0;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.btn-social:hover{border-color:var(--color-ink);background:var(--color-zone)}.btn-social:disabled{opacity:.5;cursor:not-allowed}.btn-social svg{width:18px;height:18px;flex-shrink:0}.auth-card.onboarding-card{max-width:480px}.step-indicator{display:flex;gap:4px;margin-bottom:var(--space-2xl)}.step-dot{flex:1 1;height:3px;background:var(--color-rule)}.step-dot--active{background:var(--color-ink)}.step-dot--done{background:var(--color-text-dimmed)}.ob-header{margin-bottom:var(--space-xl);text-align:left}.ob-step-label{font-weight:600;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted)}.ob-step-label,.ob-title{font-family:var(--font-display);margin-bottom:var(--space-sm)}.ob-title{font-weight:700;font-size:22px;color:var(--color-text);line-height:1.2;text-align:left}.ob-subtitle{font-size:14px;color:var(--color-text-secondary);text-align:left;margin-bottom:0}.form-label-optional{color:var(--color-text-muted);font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md)}.slug-preview{font-family:var(--font-mono);font-size:13px;color:var(--color-text-secondary);margin-top:6px;letter-spacing:.3px;word-break:break-all}.slug-preview strong{color:var(--color-ink);font-weight:600}.ob-actions{margin-top:var(--space-xl);display:flex;gap:var(--space-sm)}.btn-next{flex:1 1;padding:14px 24px;font-family:var(--font-body);font-size:16px;font-weight:500;color:#ffffff;background:var(--color-ink);border:none;border-radius:0;cursor:pointer;text-align:center;transition:background var(--transition),transform var(--transition)}.btn-next:hover{background:var(--color-ink-hover);transform:translateY(-1px)}.btn-next:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-back{padding:14px 20px;font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-radius:0;cursor:pointer;transition:color var(--transition)}.btn-back:hover{color:var(--color-text)}.btn-back:disabled{opacity:.5;cursor:not-allowed}@media (max-width:440px){.auth-page{padding:0;align-items:flex-start}.auth-card{min-height:100vh;padding-top:var(--space-3xl)}}@media (max-width:520px){.form-row{grid-template-columns:1fr}}