.sl{--ink:#111827;--white:#fff;--accent:#2e7df5;--g1:#e5e7eb;--g2:#8892a0;--g3:#4b5564;--display:var(--font-jakarta,"Plus Jakarta Sans", sans-serif);--body:var(--font-inter,"Inter", sans-serif);--field-border:#d5dbe5;--field-bg:#fff;font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;background:#f4f6f9;min-height:100vh}.sl *{box-sizing:border-box}.sl a{color:inherit;text-decoration:none}.sl .wrap{flex-direction:column;min-height:100vh;display:flex}.sl .hero{background:var(--ink);color:var(--white);padding:48px 22px 72px;position:relative;overflow:hidden}.sl .hero .motif{opacity:.05;pointer-events:none;width:auto;height:90%;position:absolute;top:50%;right:0;transform:translate(12%,-50%)}.sl .hero-inner{z-index:2;text-align:center;max-width:560px;margin:0 auto;position:relative}.sl .brand-lockup{justify-content:center;align-items:center;gap:16px;margin:0 auto 22px;display:flex}.sl .brand-link{cursor:pointer;display:contents}.sl .brand-mark{flex-shrink:0;width:auto;height:50px}.sl .brand{color:#fff;width:auto;height:50px;display:block}.sl h1{font-family:var(--display);letter-spacing:-.02em;margin-bottom:12px;font-size:30px;font-weight:800;line-height:1.06}.sl .lede{color:var(--g1);max-width:24rem;margin:0 auto;font-size:15px;line-height:1.55}.sl .card-zone{z-index:3;flex:1;margin-top:-44px;padding:0 18px 56px;position:relative}.sl .card{background:var(--white);border:1px solid var(--g1);border-radius:18px;max-width:440px;margin:0 auto;padding:32px 28px 30px;box-shadow:0 18px 50px #1118271f}.sl .field{margin-bottom:18px}.sl label{font-family:var(--display);color:var(--ink);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.sl label .req{color:var(--accent)}.sl .input-wrap{position:relative}.sl .field input[type=text],.sl .field input[type=password]{width:100%;font-family:var(--body);color:var(--ink);background:var(--field-bg);border:1.5px solid var(--field-border);border-radius:10px;padding:12px 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}.sl .field input::placeholder{color:#aeb7c4}.sl .field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2e7df524}.sl .pw-toggle{cursor:pointer;color:var(--g2);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.sl .pw-toggle svg{width:19px;height:19px}.sl .pw-toggle:hover{color:var(--g3)}.sl .row{justify-content:space-between;align-items:center;margin:4px 2px 22px;display:flex}.sl .remember{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.sl .remember input{opacity:0;width:0;height:0;position:absolute}.sl .remember .box{border:1.5px solid var(--field-border);border-radius:5px;flex:none;width:17px;height:17px;margin-right:9px;transition:all .14s;display:inline-block;position:relative}.sl .remember input:checked+.box{background:var(--accent);border-color:var(--accent)}.sl .remember input:checked+.box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1.5px;left:5px;transform:rotate(45deg)}.sl .remember input:focus-visible+.box{box-shadow:0 0 0 3px #2e7df524}.sl .remember .lbl{color:var(--g3);font-size:13.5px;font-weight:500}.sl .forgot{color:var(--accent);font-size:13.5px;font-weight:600}.sl .forgot:hover{text-decoration:underline}.sl .btn-submit{background:var(--ink);color:#fff;width:100%;font-family:var(--display);cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:15.5px;font-weight:700;transition:filter .15s;display:flex}.sl .btn-submit:hover{filter:brightness(1.25)}.sl .btn-submit:disabled{opacity:.7;cursor:default;filter:none}.sl .btn-submit .spin{width:18px;height:18px;animation:.9s linear infinite sl-spin}@keyframes sl-spin{to{transform:rotate(360deg)}}.sl .err{color:#c0392b;margin-top:6px;font-size:12.5px;font-weight:500}.sl .err.center{text-align:center;margin:0 0 16px}.sl .field.invalid input{border-color:#e57373}.sl .divider{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--g2);align-items:center;gap:14px;margin:24px 2px;font-size:11px;font-weight:600;display:flex}.sl .divider:before,.sl .divider:after{content:"";background:var(--g1);flex:1;height:1px}.sl .signup-line{text-align:center;color:var(--g3);font-size:13.5px}.sl .signup-line a{color:var(--accent);font-weight:600}.sl .signup-line a:hover{text-decoration:underline}.sl footer{text-align:center;padding:24px 18px 40px}.sl footer .sig{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--g2);font-size:11px;font-weight:500}@media (max-width:480px){.sl .brand,.sl .brand-mark{height:44px}.sl .hero{padding:40px 18px 70px}.sl .card{padding:26px 20px 24px}}@media (max-width:420px){.sl h1{font-size:26px}}@media (prefers-reduced-motion:reduce){.sl *{transition:none!important;animation:none!important}}