.sl-root{--blue:#2f6fe0;--graphite:#1e2330;--border:#e2e6eb;--mist:#f5f6f8;--body:"IBM Plex Sans Arabic", "Readex Pro", system-ui, sans-serif;--display:"Readex Pro", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;min-height:100vh;font-family:var(--body);-webkit-font-smoothing:antialiased;background:#fff;display:flex}.sl-root *{box-sizing:border-box}.sl-brand{background:var(--graphite);flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;width:340px;padding:56px 48px;display:flex;position:relative;overflow:hidden}.sl-brand:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 20% -10%,#2f6fe059 0%,#0000 60%),radial-gradient(60% 50% at 90% 110%,#2f6fe02e 0%,#0000 55%);position:absolute;inset:0}.sl-brand-logo{z-index:1;align-items:center;gap:10px;margin-bottom:20px;display:flex;position:relative}.sl-brand-name{font-family:var(--display);color:#fff;letter-spacing:-.015em;font-size:26px;font-weight:700}.sl-blue{color:var(--blue)}.sl-brand-tagline{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff61;z-index:1;font-size:12px;position:relative}.sl-form-panel{flex:1;justify-content:center;align-items:center;padding:40px 32px;display:flex}.sl-form-inner{width:100%;max-width:400px}.sl-title{font-family:var(--display);color:var(--graphite);letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:700}.sl-sub{color:#6b7480;margin:0 0 32px;font-size:15px;line-height:1.55}.sl-form{flex-direction:column;gap:20px;display:flex}.sl-field{flex-direction:column;gap:6px;display:flex}.sl-label{font-family:var(--display);color:#3a424e;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600;display:flex}.sl-forgot{color:var(--blue);font-size:12.5px;font-weight:400;text-decoration:none}.sl-forgot:hover{text-decoration:underline}.sl-input{width:100%;height:48px;font-family:var(--body);color:var(--graphite);border:1.5px solid var(--border);background:#fff;border-radius:10px;outline:none;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.sl-input::placeholder{color:#b0b8c4}.sl-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f6fe024}.sl-input:disabled{opacity:.6;cursor:not-allowed}.sl-pw-wrap{position:relative}.sl-pw-wrap .sl-input{padding-right:44px}.sl-pw-toggle{cursor:pointer;color:#9aa3ae;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sl-pw-toggle:hover{color:#5a6474}.sl-error{color:#ef4444;background:#ef444412;border:1px solid #ef444433;border-radius:8px;margin:0;padding:10px 14px;font-size:13.5px}.sl-btn{background:var(--blue);color:#fff;width:100%;height:50px;font-family:var(--display);cursor:pointer;border:none;border-radius:10px;margin-top:4px;font-size:16px;font-weight:600;transition:background .15s,transform .12s;box-shadow:0 4px 16px -4px #2f6fe066}.sl-btn:hover:not(:disabled){background:#2660cf;transform:translateY(-1px)}.sl-btn:active:not(:disabled){transform:none}.sl-btn:disabled{opacity:.65;cursor:not-allowed}.sl-register{color:#8591a0;text-align:center;margin-top:24px;font-size:13.5px}.sl-register-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.sl-sep{color:#c3cad3;font-size:12px}.sl-link{color:var(--blue);font-weight:500;text-decoration:none}.sl-link:hover{text-decoration:underline}@media (max-width:640px){.sl-brand{display:none}.sl-form-panel{padding:48px 24px}}