.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:40px;box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:32px}.auth-icon{margin-bottom:16px;font-size:3rem}.auth-title{color:#333;margin-bottom:8px;font-size:2.5rem}.auth-subtitle{color:#666;font-size:1.1rem}.auth-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;display:flex}.error-icon{font-size:1.2rem}.auth-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-weight:600;display:block}.form-group input{border:2px solid #ddd;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{cursor:not-allowed;background:#f5f5f5}.auth-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.auth-button:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;margin:24px 0;position:relative}.auth-divider:before{content:"";background:#ddd;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{color:#666;background:#fff;padding:0 16px;font-size:.9rem;position:relative}.google-button{cursor:pointer;color:#333;background:#fff;border:2px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.google-button:hover:not(:disabled){border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.google-button:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:24px;height:24px}.auth-toggle{text-align:center;color:#666;margin-top:24px}.toggle-link{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.toggle-link:hover{color:#5568d3}.auth-disclaimer{text-align:center;border-top:1px solid #eee;margin-top:32px;padding-top:24px}.auth-disclaimer p{color:#666;font-size:.85rem;line-height:1.5}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.auth-card{padding:24px}.auth-title{font-size:2rem}.auth-icon{font-size:2.5rem}}