.auth-page{background:var(--bg-page);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-container{width:100%;max-width:380px}.auth-logo{align-items:center;gap:10px;margin-bottom:6px;display:flex}.auth-logo-icon{display:flex}.auth-logo-text{letter-spacing:-.3px;color:var(--text-primary);font-size:22px;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.auth-oauth{flex-direction:column;gap:8px;display:flex}.auth-oauth-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all .15s var(--ease);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;font-weight:500;display:flex}.auth-oauth-btn:hover{background:var(--bg-raised);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.auth-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-muted);text-transform:lowercase;letter-spacing:.5px;font-size:12px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:5px;display:flex}.auth-field label{color:var(--text-secondary);font-size:13px;font-weight:500}.auth-field input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .15s var(--ease);box-shadow:var(--shadow-xs);padding:10px 12px;font-size:14px}.auth-field input:focus{border-color:var(--sage);box-shadow:0 0 0 3px var(--sage-light);outline:none}.auth-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-sm);color:var(--error);padding:10px 12px;font-size:13px}.auth-message{background:var(--sage-light);border:1px solid var(--success-border);border-radius:var(--radius-sm);color:var(--success);padding:10px 12px;font-size:13px}.auth-submit{background:var(--ink);border-radius:var(--radius-md);color:var(--snow);transition:all .15s var(--ease);letter-spacing:.2px;padding:10px 24px;font-size:13.5px;font-weight:500}.auth-submit:hover{background:var(--charcoal)}.auth-submit:active{transform:scale(.99)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-toggle{text-align:center;color:var(--text-muted);margin-top:24px;font-size:13px}.auth-toggle button{color:var(--sage);font-weight:500;transition:color .15s}.auth-toggle button:hover{color:var(--sage-hover)}