.auth-form-box{align-items:center;background-image:url(../images/form-dragon-blue.png);background-position:0;background-repeat:no-repeat;background-size:contain;display:flex;justify-content:flex-end;min-height:calc(100vh - 224px);overflow:hidden}.auth-form-box .form-box{max-height:calc(100vh - 224px);overflow-y:auto;padding:32px;width:calc(100% - min(720px,(100vh - 224px) * .7826))}@media(max-width:1199px){.auth-form-box,.dark .auth-form-box{background-image:none;justify-content:center;min-height:auto;overflow:visible}.auth-form-box .form-box{max-height:none;max-width:480px;overflow-y:visible;width:100%}}.mw-450{max-width:450px}.mb-32{margin-bottom:32px}.mb-52{margin-bottom:52px}.fs-20{font-size:20px}.fs-30{font-size:30px}.fs-48{font-size:48px}.gray-700{color:#2d3748}.blue-500{color:#0111a6}.common-form .form-label{color:#2e3244;font-size:16px;font-weight:400;line-height:150%}.common-form .form-control,.common-form .form-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:none!important;color:#4a4a4a;font-size:18px;font-weight:400;line-height:22px;padding:12px 16px}.common-form .form-control:focus,.common-form .form-select:focus{border-color:#0111a6}.common-form .form-control::-moz-placeholder{color:#a0aec0}.common-form .form-control::placeholder{color:#a0aec0}.auth-form-box .form-box .common-form.was-validated .form-control:invalid,.auth-form-box .form-box .common-form.was-validated .form-select:invalid{border-color:#dc3545}.auth-form-box .form-box .common-form.was-validated .form-control:invalid:focus,.auth-form-box .form-box .common-form.was-validated .form-select:invalid:focus{border-color:#dc3545}.common-form.was-validated .invalid-feedback{color:#dc3545}.common-btn{background:#0111a6;border:1px solid #0111a6;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;line-height:26px;padding:10px 24px;transition:all .3s}.common-btn:hover{background-color:#2032d2;color:#fff}.common-btn:disabled{cursor:not-allowed;opacity:.6}.common-btn.white-btn{background:#fff;border:1px solid #fff;color:#0111a6}.common-btn.white-btn:hover{border-color:#0111a6}.common-btn.gray-btn{background:#fff;border:1px solid rgba(0,0,0,.36);color:#0000005c}.common-btn.gray-btn:hover{background:#0000005c;color:#fff}.custom-input-group{position:relative}.custom-input-group .eye-icon{color:#0000005c;cursor:pointer;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.social_list{align-items:center;display:flex;gap:24px;justify-content:center;list-style:none;padding:0}.social_list .sign-up-link{height:42px;width:42px}.social_list .sign-up-link .app-icon{font-size:28px}.social_list .sign-up-link a{color:#2d3748;text-decoration:none}.social_list .sign-up-link a:hover{color:#0111a6}.social-buttons-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.social-buttons-row>.social-btn{flex:1 1 0;max-width:180px;min-width:120px}.alt-login-row{display:flex;flex-wrap:wrap;gap:10px}.alt-login-row>button{flex:1 1 0;font-size:16px;min-width:180px;white-space:nowrap}.alt-login-disabled{cursor:not-allowed;opacity:.45}.social-btn-slot{align-items:stretch;display:flex;min-height:40px;min-width:0}.social-btn-slot>.social-btn,.social-btn-slot>div{width:100%!important}.social-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;min-height:40px;padding:8px 12px;transition:background-color .15s ease}.social-btn,.social-btn:focus,.social-btn:hover{color:#2d3748;text-decoration:none}.social-btn:hover{background:#f9fafb}.social-btn .app-icon{font-size:16px}.auth-divider{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:12px;margin:16px 0 20px}.auth-divider:after,.auth-divider:before{background:#e5e7eb;content:"";flex:1;height:1px}.dark .social-btn{background:transparent;border-color:#475569;color:#e2e8f0}.dark .social-btn:hover{background:#ffffff0d}.dark .auth-divider{color:#64748b}.dark .auth-divider:after,.dark .auth-divider:before{background:#334155}.dark .gray-700{color:#e2e8f0}.dark .blue-500{color:#80abff}.dark .common-btn.white-btn{background:transparent;border-color:#80abff;color:#80abff}.dark .common-btn.white-btn:hover{background:#80abff1a}.dark .social_list .sign-up-link a{color:#e2e8f0}.dark .social_list .sign-up-link a:hover{color:#80abff}.letter-grid{display:grid;gap:2px;grid-template-columns:repeat(5,1fr)}.letter-cell{background:var(--white,#fff);border:1px solid var(--gray-300,#ddd);color:var(--gray-700,#111);cursor:pointer;font-family:monospace;font-size:14px;padding:6px 0;text-align:center;transition:border-color .15s}.letter-cell:hover{border-color:var(--blue-500,#0111a6)}.letter-selected-placeholder{align-items:center;border:1px dashed var(--gray-300,#ddd);border-radius:6px;color:var(--gray-700,#111);display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:100px;padding:24px 8px}.letter-selected-placeholder .check-icon{color:#16a34a;font-size:24px;line-height:1}.dark .letter-cell{background:#1e293b;border-color:#334155;color:#e2e8f0}.dark .letter-cell:hover{border-color:#80abff}.dark .letter-selected-placeholder{border-color:#334155;color:#e2e8f0}.dark .letter-selected-placeholder .check-icon{color:#4ade80}