.auth-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{width:100%;max-width:440px}.auth-card{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2.5rem}.auth-logo-link{display:block;text-align:center;margin-bottom:1.5rem}.auth-logo{width:80px;height:auto}.auth-title{font-size:1.75rem;font-weight:700;text-align:center;margin:0 0 .5rem;color:#fff}.auth-subtitle{font-size:1rem;text-align:center;margin:0 0 2rem;color:#ffffffb3}.auth-alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.auth-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.auth-alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.auth-alert-link{display:block;margin-top:.5rem;color:inherit;text-decoration:underline}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#ffffffe6}.form-group input{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#667eea;background:#ffffff14}.form-group input::placeholder{color:#fff6}.forgot-password-link{font-size:.875rem;color:#667eea;text-decoration:none;text-align:right;margin-top:-.5rem}.forgot-password-link:hover{text-decoration:underline}.auth-btn{padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.auth-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:#fff6;font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{padding:0 1rem}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s ease}.oauth-btn:hover:not(.oauth-disabled){background:#ffffff1a;border-color:#ffffff4d}.oauth-btn.oauth-disabled{opacity:.35;cursor:not-allowed;pointer-events:auto}.oauth-btn svg{flex-shrink:0}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9375rem;color:#ffffffb3}.auth-footer a{color:#667eea;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0a0a0a;color:#fff}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}}