.login-page{background-color:#fff;align-items:center;min-height:calc(100vh - 120px);padding:60px 0;display:flex}.login-container-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:56px;max-width:900px;margin:0 auto;display:grid}.login-form-card{width:100%}.login-form-header{border-bottom:1.5px solid #f0f2f5;justify-content:space-between;align-items:baseline;margin-bottom:28px;padding-bottom:12px;display:flex}.login-title{color:#10151a;margin:0;font-size:24px;font-weight:800}.create-account-text{color:#64748b;font-size:13px}.login-blue-link{color:#2563eb;font-weight:600;text-decoration:none;transition:-webkit-text-decoration .12s,text-decoration .12s}.login-blue-link:hover{text-decoration:underline}.login-form{flex-direction:column;display:flex}.login-error-box{color:#991b1b;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:16px;padding:12px;font-size:13px;font-weight:500}.login-success-state{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.success-icon{color:var(--color-teal);margin-bottom:16px}.login-form-group{margin-bottom:16px;position:relative}.login-input-field{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:14px 16px;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-input-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.password-group{position:relative}.password-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#1e293b}.forgot-password-container{text-align:right;margin-top:-6px;margin-bottom:24px}.forgot-password-link{font-size:13px;font-weight:500}.login-separator{text-align:center;color:#94a3b8;text-transform:uppercase;align-items:center;margin:18px 0;font-size:12px;font-weight:600;display:flex}.login-separator:before,.login-separator:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.login-separator span{padding:0 12px}.oauth-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:100%;height:46px;margin-bottom:12px;font-size:13.5px;font-weight:700;transition:transform .12s,box-shadow .12s;display:flex}.oauth-btn:hover{transform:translateY(-1px)}.google-btn{color:#2563eb;background-color:#fff;border:1.5px solid #2563eb;box-shadow:0 1px 3px #0000000d}.google-btn:hover{background-color:#f8fafc;box-shadow:0 2px 6px #2563eb1a}.facebook-btn{color:#fff;background-color:#3b5998;border:none;box-shadow:0 1px 3px #0000001a}.facebook-btn:hover{background-color:#2d4373;box-shadow:0 2px 6px #3b599833}.login-terms-text{color:#64748b;text-align:center;margin-top:24px;font-size:11px}.underline-link{color:#64748b;text-decoration:underline}.underline-link:hover{color:#1e293b}.support-card{text-align:center;background-color:#fdfefe;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;padding:28px;display:flex;box-shadow:0 6px 20px #00000004}.support-title{text-transform:uppercase;letter-spacing:.6px;color:#0f172a;margin-top:4px;margin-bottom:16px;font-size:13.5px;font-weight:700}.support-subtitle{color:#334155;margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.4}.support-description{color:#64748b;margin-bottom:24px;font-size:12.5px;line-height:1.4}.support-chat-btn{color:#fff;justify-content:center;align-items:center;width:100%;height:42px;font-size:13.5px;font-weight:700;display:flex;background-color:#2563eb!important;border-color:#2563eb!important}.support-chat-btn:hover{background-color:#1d4ed8!important}.support-separator{text-align:center;color:#94a3b8;text-transform:uppercase;align-items:center;width:100%;margin:18px 0;font-size:11px;font-weight:600;display:flex}.support-separator:before,.support-separator:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.support-separator span{padding:0 10px}.support-details-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-bottom:24px;display:grid}.support-detail-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:14px;transition:border-color .15s;display:flex}.support-detail-item:hover{border-color:#cbd5e1}.support-detail-icon{color:#2563eb;margin-bottom:8px}.support-detail-label{color:#1e293b;word-break:break-all;font-size:11px;font-weight:600}.support-order-info{color:#475569;border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;width:100%;padding-top:18px;font-size:12.5px;font-weight:500;display:flex}@media (max-width:768px){.login-page{padding:30px 0}.login-container-grid{grid-template-columns:1fr;gap:40px;padding:0 20px}.support-card{margin-top:12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:.8s linear infinite spin}button.login-blue-link,button.forgot-password-link{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}