.auth-page{background:linear-gradient(135deg, var(--color-dark-void) 0%, var(--color-cosmic-slate) 50%, var(--color-dark-void) 100%);justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem 2rem;display:flex}.auth-container{width:100%;max-width:600px}.auth-card{padding:2.5rem 3rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{margin-bottom:1.5rem;transition:transform .3s;display:inline-block}.auth-logo:hover{transform:scale(1.05)}.auth-title{color:var(--color-silver-100);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-subtitle{color:var(--color-silver-400);font-size:.95rem}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}.auth-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-form--signup{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.auth-form--signup .auth-field--email,.auth-form--signup .auth-submit{grid-column:1/-1}.auth-submit{width:100%;margin-top:.5rem}.auth-footer{text-align:center;border-top:1px solid var(--color-silver-800);margin-top:1.5rem;padding-top:1.5rem}.auth-footer p{color:var(--color-silver-400);font-size:.875rem}.auth-link{color:var(--color-solomon-blue-400);font-weight:500;text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--color-solomon-blue-300);text-decoration:underline}.auth-icon-success{color:var(--color-solomon-blue-400);justify-content:center;margin-bottom:1.5rem;display:flex}.auth-email{color:var(--color-silver-100);word-break:break-all;margin-top:.5rem;display:block}.auth-instructions{text-align:center;margin:1.5rem 0}.auth-instructions p{color:var(--color-silver-300);margin-bottom:1rem;font-size:.95rem}.auth-hint{color:var(--color-silver-500)!important;font-size:.85rem!important}.auth-actions{justify-content:center;display:flex}.password-toggle-btn{cursor:pointer;color:var(--color-silver-400);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.password-toggle-btn:hover{color:var(--color-silver-200)}.password-toggle-btn:focus{color:var(--color-solomon-blue-400);outline:none}.password-toggle-btn svg{width:20px;height:20px}@media (max-width:640px){.auth-page{padding:5rem 1rem 1rem}.auth-container{max-width:100%}.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}.auth-form--signup{grid-template-columns:1fr}}.auth-field{margin-bottom:1rem}.auth-field--lg-spaced{margin-bottom:1.5rem}.auth-help-text{color:var(--text-tertiary);margin-bottom:.75rem;font-size:.875rem}.auth-help-text--xs{font-size:.75rem}.auth-help-text--sm{font-size:.8rem}.auth-label-block{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.auth-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.auth-action-row{gap:.75rem;display:flex}.auth-action-row--padded{margin-top:1.5rem}.auth-action-flex-1{flex:1}.auth-action-full{width:100%}.auth-input-block{background:var(--bg-secondary);border:1px solid var(--border-primary);width:100%;color:var(--text-primary);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.auth-input-block:focus{border-color:var(--color-primary);outline:none}.auth-input-block--textarea{resize:vertical;background:var(--bg-tertiary);border-radius:.5rem;padding:.75rem;font-family:inherit}.auth-chip{border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:9999px;padding:.375rem .875rem;font-size:.8125rem;transition:background .15s,border-color .15s,color .15s}.auth-chip:hover{border-color:var(--color-primary);color:var(--text-primary)}.auth-chip--selected{background:color-mix(in srgb, var(--color-primary) 20%, transparent);border-color:var(--color-primary);color:var(--text-primary)}.auth-inline-link{color:var(--color-primary);text-decoration:underline}.auth-inline-link:hover{color:var(--color-primary-hover)}.auth-spinning{animation:1s linear infinite auth-spin}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-accent-note{color:var(--color-accent);margin-top:.5rem}