.auth-page{background:var(--color-bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:36px;animation:.4s forwards fadeInUp}.auth-logo{color:var(--color-text);justify-content:center;align-items:center;gap:10px;margin-bottom:6px;font-size:26px;font-weight:800;display:flex}.auth-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:28px;font-size:14px}.auth-divider{color:var(--color-text-muted);align-items:center;gap:14px;margin:20px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--color-text-secondary);font-size:13px;font-weight:600}.form-input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-fast);padding:12px 14px;font-size:14px}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow);background:var(--color-bg)}.form-input::placeholder{color:var(--color-text-muted)}.btn-google{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;display:flex}.btn-google:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.btn-google svg{width:18px;height:18px}.auth-submit{width:100%;margin-top:4px;padding:12px}.auth-footer{text-align:center;color:var(--color-text-secondary);margin-top:20px;font-size:14px}.auth-footer a{color:var(--color-primary);font-weight:600}.auth-footer a:hover{color:var(--color-primary-dark)}.form-error{border-radius:var(--radius-md);color:var(--color-error);background:#fef2f2;border:1px solid #fecaca;padding:10px 14px;font-size:13px}@media (max-width:480px){.auth-page{padding:16px}.auth-card{max-width:100%;padding:24px 20px}.auth-logo{font-size:22px}.auth-subtitle{font-size:13px}.form-input{padding:10px 12px;font-size:13px}.btn-google{padding:10px;font-size:13px}}