.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-1) 0,var(--surface-2) 50%,var(--surface-3) 100%);padding:var(--space-lg)}.auth-card{background:var(--surface-card);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-header h1{color:var(--text-primary);font-size:var(--font-lg);margin-bottom:var(--space-xs)}.auth-header p{color:var(--text-muted);font-size:var(--font-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.auth-input-group label{color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.auth-input-group input{background:var(--surface-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:var(--font-md);transition:all var(--transition-base)}.auth-input-group input:focus{outline:0;border-color:var(--accent-primary);background:var(--surface-card-hover);box-shadow:var(--shadow-focus)}.auth-input-group input::placeholder{color:var(--text-muted)}.btn-auth{background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}.btn-auth:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-auth:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-toggle{text-align:center;margin-top:var(--space-lg);color:var(--text-muted);font-size:var(--font-sm)}.auth-toggle a{color:var(--accent-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.auth-toggle a:hover{text-decoration:underline}.auth-message{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);text-align:center;display:none;margin-bottom:var(--space-md)}.auth-message.error{display:block;background:var(--danger-light);border:1px solid var(--danger);color:var(--danger)}.auth-message.success{display:block;background:var(--success-light);border:1px solid var(--success);color:var(--success)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}