.login-page{background:#f0f4f8;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-card{background:#fff;border-radius:14px;width:100%;max-width:420px;padding:40px 36px 36px;box-shadow:0 4px 24px #15598c1a}.login-logo{justify-content:center;margin-bottom:28px;display:flex}.login-logo img{height:44px}.login-title{color:#0f1c2a;text-align:center;margin:0 0 4px;font-size:20px;font-weight:800}.login-subtitle{color:#6b7c8d;text-align:center;margin:0 0 28px;font-size:13.5px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:#2d3d4e;font-size:13px;font-weight:600}.login-input{color:#0f1c2a;border:1.5px solid #d4dde6;border-radius:8px;outline:none;height:42px;padding:0 14px;font-size:14px;transition:border-color .15s}.login-input:focus{border-color:#15598c}.login-input::placeholder{color:#9faab4}.login-error{color:#c0392b;background:#fff2f2;border:1px solid #ffc5c5;border-radius:8px;padding:10px 14px;font-size:13px}.login-btn{color:#fff;cursor:pointer;background:#15598c;border:none;border-radius:8px;height:44px;margin-top:4px;font-size:14.5px;font-weight:700;transition:background .15s}.login-btn:hover:not(:disabled){background:#0e3f66}.login-btn:disabled{opacity:.65;cursor:not-allowed}.login-footer{text-align:center;color:#6b7c8d;margin-top:20px;font-size:13px}.login-footer a{color:#15598c;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.social-login{flex-direction:column;gap:12px;margin-top:20px;display:flex}.social-login-divider{color:#9faab4;align-items:center;gap:12px;margin:4px 0;font-size:13px;display:flex}.social-login-divider:before,.social-login-divider:after{content:"";background:#e2e8ef;flex:1;height:1px}.social-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:44px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.social-btn-google{color:#2d3d4e;background:#fff;border-color:#d4dde6}.social-btn-google:hover{color:#15598c;background:#f7fafc;border-color:#15598c}.social-btn-facebook{color:#fff;background:#1877f2}.social-btn-facebook:hover{background:#166fe0}.social-quick{align-items:center;gap:6px;display:inline-flex}.social-quick-btn{cursor:pointer;background:#fff;border:1px solid #d4dde6;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:all .15s;display:flex}.social-quick-google{color:#ea4335}.social-quick-google:hover{background:#fef2f1;border-color:#ea4335}.social-quick-facebook{color:#1877f2}.social-quick-facebook:hover{background:#eef5ff;border-color:#1877f2}.social-callback{justify-content:center;align-items:center;min-height:70vh;padding:24px;display:flex}.social-callback-box{text-align:center;color:#2d3d4e}.social-callback-box p{color:#6b7c8d;margin-top:14px;font-size:14px}.social-callback-error h2{color:#c0392b;margin:0 0 8px;font-size:18px}.social-callback-link{color:#15598c;margin-top:14px;font-weight:600;text-decoration:none;display:inline-block}.social-callback-link:hover{text-decoration:underline}.social-callback-spinner{border:3px solid #e2e8ef;border-top-color:#15598c;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite social-spin}@keyframes social-spin{to{transform:rotate(360deg)}}