.auth-page{background:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem 2rem;box-shadow:0 4px 24px #00000014}.auth-title{color:#2563eb;text-align:center;letter-spacing:-.5px;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.auth-subtitle{color:#64748b;text-align:center;margin:0 0 2rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{flex-direction:column;gap:.375rem;display:flex}.auth-label{color:#374151;font-size:.875rem;font-weight:500}.auth-input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:.625rem .875rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.auth-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-input::placeholder{color:#9ca3af}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.625rem .875rem;font-size:.875rem;line-height:1.4}.auth-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:.25rem;padding:.7rem 1rem;font-size:1rem;font-weight:600;transition:background .15s,transform .1s}.auth-button:hover:not(:disabled){background:#1d4ed8}.auth-button:active:not(:disabled){transform:scale(.99)}.auth-button:disabled{opacity:.65;cursor:not-allowed}.page-loading{color:#64748b;background:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;font-size:1rem;display:flex}*{box-sizing:border-box}body{margin:0}