.wusool-login{--ink:#0e1420;--ink-2:#1c2534;--muted:#5b6472;--muted-2:#8a93a3;--line:#eceef2;--bg:#fff;--soft:#f7f8fa;--soft-2:#eef1f5;--brand:#d02030;--brand-deep:#a81424;--tint:#fdf3f4;--tint-2:#fbe7e9;--green:#12b76a;--green-tint:#ecfdf3;--shadow:0 24px 70px -28px #0e142038;--shadow-sm:0 10px 34px -14px #0e142021;--surface:#fff;--surface-2:#fbfcfd}.wusool-login[data-theme=dark]{--ink:#edf1f7;--ink-2:#dde4ee;--muted:#96a0b3;--muted-2:#6c7789;--line:#222b3c;--bg:#0b0f16;--soft:#101623;--soft-2:#1a2232;--tint:#d0203029;--tint-2:#d0203052;--green-tint:#12b76a26;--surface:#131a29;--surface-2:#0e1421;--shadow:0 24px 70px -28px #000000a6;--shadow-sm:0 10px 34px -14px #0000008c}.wusool-login *{box-sizing:border-box;margin:0;padding:0}.wusool-login button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.wusool-login input{font:inherit}.wusool-login a{color:inherit;text-decoration:none}.wusool-login[dir=ltr]{--font:var(--font-en)}.wusool-login{scroll-behavior:smooth;font-family:var(--font,var(--font-ar));background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;transition:background .35s,color .35s;display:flex}.wusool-login .bg-glow{pointer-events:none;background:radial-gradient(closest-side,#d0203017,#0000);width:760px;height:540px;position:fixed;top:-240px;left:50%;transform:translate(-50%)}.wusool-login .bg-grid{pointer-events:none;background-image:linear-gradient(#7887a012 1px,#0000 1px),linear-gradient(90deg,#7887a012 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(95% 75% at 50% 0,#000 25%,#0000 72%);mask-image:radial-gradient(95% 75% at 50% 0,#000 25%,#0000 72%)}.wusool-login .topbar{z-index:3;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:relative}.wusool-login .brand{align-items:center;gap:10px;display:flex}.wusool-login .brand .brand-lockup{object-fit:contain;width:auto;height:34px}.wusool-login .brand b{letter-spacing:-.3px;font-size:19px}.wusool-login .top-actions{align-items:center;gap:10px;display:flex}.wusool-login .theme-btn{background:var(--surface);border:1px solid var(--line);width:40px;height:40px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex}.wusool-login .theme-btn:hover{border-color:var(--brand);color:var(--brand)}.wusool-login .theme-btn .ic-sun{display:none}.wusool-login[data-theme=dark] .theme-btn .ic-sun{display:block}.wusool-login[data-theme=dark] .theme-btn .ic-moon{display:none}.wusool-login .lang-pill{background:var(--surface);border:1px solid var(--line);border-radius:100px;gap:2px;padding:4px;display:flex}.wusool-login .lang-pill button{color:var(--muted);border-radius:100px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .25s}.wusool-login .lang-pill button.on{background:var(--ink);color:var(--bg)}.wusool-login main{z-index:2;flex:1;justify-content:center;align-items:center;padding:20px 20px 34px;display:flex;position:relative}.wusool-login .login-wrap{width:min(444px,100%)}.wusool-login .login-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:38px 34px 30px;animation:.7s cubic-bezier(.2,.7,.2,1) cardIn}@keyframes cardIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.wusool-login .only-dark{display:none}.wusool-login[data-theme=dark] .only-dark{display:block}.wusool-login[data-theme=dark] .only-light{display:none}.wusool-login h1{text-align:center;letter-spacing:-.4px;font-size:25px}.wusool-login .sub{color:var(--muted);text-align:center;margin:8px 0 26px;font-size:14.5px}.wusool-login .f-group{margin-bottom:16px}.wusool-login .f-group label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.wusool-login .f-group input{border:1.5px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:14px;outline:none;padding:14px 15px;font-size:16px;transition:border-color .25s,box-shadow .25s}.wusool-login .f-group input::placeholder{color:var(--muted-2)}.wusool-login .f-group input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--tint)}.wusool-login .f-group input.err{border-color:var(--brand);background:var(--tint);animation:.3s shake}@keyframes shake{25%{transform:translate(4px)}75%{transform:translate(-4px)}}.wusool-login .f-pass{position:relative}.wusool-login .f-pass input{padding-inline-end:48px}.wusool-login .f-pass button{top:50%;color:var(--muted-2);padding:4px;transition:color .2s;display:flex;position:absolute;inset-inline-end:14px;transform:translateY(-50%)}.wusool-login .f-pass button:hover{color:var(--ink)}.wusool-login .btn-primary{background:var(--brand);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:6px;padding:15px;font-size:15.5px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 14px 30px -10px #d0203066}.wusool-login .btn-primary:hover{background:var(--brand-deep);transform:translateY(-1px)}.wusool-login .btn-primary .arr{transition:transform .25s;display:inline-block}.wusool-login[dir=ltr] .btn-primary .arr{rotate:180deg}.wusool-login .btn-primary:hover .arr{transform:translate(-3px)}.wusool-login[dir=ltr] .btn-primary:hover .arr{transform:translate(3px)}.wusool-login .btn-primary.loading{pointer-events:none;opacity:.9}.wusool-login .btn-primary.done{background:var(--green);box-shadow:0 14px 30px -10px #12b76a66}.wusool-login .spin{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite rot;display:none}.wusool-login .loading .spin{display:inline-block}.wusool-login .loading .arr,.wusool-login .loading .lbl{display:none}@keyframes rot{to{transform:rotate(360deg)}}.wusool-login .divider{color:var(--muted-2);align-items:center;gap:14px;margin:22px 0;font-size:12.5px;font-weight:600;display:flex}.wusool-login .divider:before,.wusool-login .divider:after{content:"";background:var(--line);flex:1;height:1px}.wusool-login .btn-google{background:var(--surface);border:1.5px solid var(--line);width:100%;color:var(--ink);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:15px;font-weight:700;transition:all .25s;display:flex}.wusool-login .btn-google:hover{border-color:var(--ink);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.wusool-login .signup{text-align:center;color:var(--muted);margin-top:24px;font-size:14px}.wusool-login .signup a{color:var(--brand);font-weight:800}.wusool-login .signup a:hover{text-decoration:underline}.wusool-login .back-link{color:var(--muted-2);justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:13px;font-weight:600;transition:color .25s;display:flex}.wusool-login .back-link:hover{color:var(--brand)}.wusool-login .back-link .arr-b{display:inline-block}.wusool-login[dir=rtl] .back-link .arr-b{rotate:180deg}.wusool-login .foot{text-align:center;color:var(--muted-2);z-index:2;padding:18px;font-size:12.5px;position:relative}.wusool-login .foot b{color:var(--muted)}.wusool-login .chip{z-index:2;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:9px;padding:10px 18px;font-size:12.5px;font-weight:700;animation:5s ease-in-out infinite floaty;display:flex;position:fixed}.wusool-login .chip .dot{background:var(--brand);border-radius:50%;width:8px;height:8px;position:relative}.wusool-login .chip .dot:after{content:"";border:2px solid var(--brand);border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:-4px}@keyframes ping{75%,to{opacity:0;transform:scale(1.9)}}.wusool-login .chip .gdot{background:var(--green);border-radius:50%;width:8px;height:8px}.wusool-login .chip small{color:var(--muted-2);font-weight:600}.wusool-login .chip-a{inset-inline-start:7%;top:34%}.wusool-login .chip-b{inset-inline-end:7%;animation-delay:1.4s;bottom:26%}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (max-width:920px){.wusool-login .chip{display:none}}@media (max-width:480px){.wusool-login .topbar{padding:16px 18px}.wusool-login .login-card{border-radius:22px;padding:30px 22px 26px}.wusool-login .brand .brand-lockup{height:28px}}.wusool-login .lang-pill a{color:var(--muted);border-radius:100px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .25s}.wusool-login .lang-pill a.on{background:var(--ink);color:var(--bg)}.wusool-login .btn-primary .spin{display:inline-block}.wusool-login .notice{text-align:start;border-radius:14px;margin:0 0 18px;padding:12px 16px;font-size:13.5px;font-weight:600;line-height:1.6}.wusool-login .notice.bad{background:var(--tint);border:1px solid var(--brand);color:var(--brand-deep)}.wusool-login .notice.ok{background:var(--green-tint);border:1px solid var(--green);color:#0a6b40}.wusool-login[data-theme=dark] .notice.ok{color:#7ee7b0}.wusool-login[data-theme=dark] .notice.bad{color:#ffa9b0}.wusool-login .btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}body:has(.wusool-login[data-theme=dark]){background:#0b0f16}body:has(.wusool-login[data-theme=light]){background:#fff}