.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(165deg,#f0f7ff 0%,#ffffff 70%);padding:40px 20px;padding-top:100px;}.auth-container{background:white;border-radius:28px;padding:50px;max-width:440px;width:100%;box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,0.04);}.auth-container .logo{justify-content:center;margin-bottom:32px;}.auth-container h2{font-size:2rem;font-weight:800;text-align:center;margin-bottom:8px;}.auth-container .subtitle{text-align:center;color:#64748b;margin-bottom:32px;font-size:1rem;}.auth-container .form-group{margin-bottom:20px;}.auth-container label{font-weight:600;font-size:0.9rem;display:block;margin-bottom:6px;color:#0b1a33;}.auth-container .input-wrapper{position:relative;}.auth-container .input-wrapper i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem;}.auth-container input{width:100%;padding:14px 16px 14px 46px;border:2px solid #e2e8f0;border-radius:12px;font-family:'Inter',sans-serif;font-size:1rem;transition:var(--transition);background:#fafcff;}.auth-container input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 4px rgba(29,78,216,0.08);background:white;}.auth-container .input-wrapper .toggle-password{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;}.auth-container .input-wrapper .toggle-password:hover{color:#1d4ed8;}.auth-container .remember-me{display:flex;align-items:center;gap:10px;margin-bottom:24px;}.auth-container .remember-me input[type="checkbox"]{width:18px;height:18px;accent-color:#1d4ed8;cursor:pointer;}.auth-container .remember-me label{margin-bottom:0;font-weight:500;color:#475569;font-size:0.9rem;cursor:pointer;}.auth-container .btn-primary{width:100%;justify-content:center;padding:16px;font-size:1.05rem;}.auth-container .links{display:flex;justify-content:space-between;margin-top:16px;font-size:0.9rem;flex-wrap:wrap;gap:8px;}.auth-container .links a{color:#1d4ed8;text-decoration:none;font-weight:500;transition:var(--transition);}.auth-container .links a:hover{text-decoration:underline;}.auth-container .divider{text-align:center;margin:28px 0 24px;color:#94a3b8;position:relative;font-size:0.9rem;}.auth-container .divider::before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:#e2e8f0;}.auth-container .divider span{background:white;padding:0 16px;position:relative;z-index:1;}.auth-container .social-login{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.auth-container .social-login button{padding:12px;border:2px solid #e2e8f0;border-radius:12px;background:white;font-weight:600;cursor:pointer;transition:var(--transition);font-family:'Inter',sans-serif;font-size:0.9rem;display:flex;align-items:center;justify-content:center;gap:8px;color:#1e293b;}.auth-container .social-login button:hover{background:#f8fafc;border-color:#1d4ed8;transform:translateY(-2px);}.auth-container .social-login button.google:hover{border-color:#ea4335;}.auth-container .social-login button.github:hover{border-color:#0b1a33;}.auth-container .signup-link{text-align:center;margin-top:24px;font-size:0.95rem;color:#475569;}.auth-container .signup-link a{color:#1d4ed8;font-weight:600;text-decoration:none;}.auth-container .signup-link a:hover{text-decoration:underline;}.auth-container .error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:12px;font-size:0.9rem;margin-bottom:16px;display:none;border-left:4px solid #dc2626;}.auth-container .error-message.show{display:block;}@media (max-width:500px){.auth-container{padding:30px 20px;}.auth-container .social-login{grid-template-columns:1fr;}}