:root{--ink:#151a22;--red:#e3261c;--paper:#f4f5f7;--line:#e1e4e8}.sp-login{margin:0!important;background:var(--paper);font-family:Poppins,Arial,sans-serif;color:var(--ink)}.sp-login *{box-sizing:border-box}.sp-login a{text-decoration:none;color:inherit}.sp-login>main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.sp-login-brand{background:var(--ink);color:#fff;padding:55px 7vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.sp-login-brand:after{content:'';position:absolute;width:420px;height:420px;border:70px solid #e3261c12;border-radius:50%;right:-170px;bottom:-150px}.sp-login-logo{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:800;position:relative;z-index:1}.sp-login-logo span,.sp-login-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:var(--ink);font-size:12px;border-bottom:4px solid var(--red)}.sp-login-logo b{color:var(--red)}.sp-login-brand>div{max-width:620px;position:relative;z-index:1}.sp-login-brand small{color:#ff675e;font-weight:900;letter-spacing:.14em}.sp-login-brand h1{font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.05em;margin:20px 0}.sp-login-brand p{color:#c7cbd1;font-size:18px;line-height:1.6}.sp-login-brand>p{font-size:13px;position:relative;z-index:1}.sp-login-form{display:grid;place-items:center;padding:40px}.sp-login-form form{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:42px;box-shadow:0 30px 65px #151a2215}.sp-login-mark{background:var(--ink);color:#fff;margin-bottom:24px}.sp-login-form h2{font-size:32px;letter-spacing:-.03em;margin:0 0 8px}.sp-login-form>form>p{color:#6a727d;margin-bottom:28px}.sp-login-form label{display:grid;gap:8px;margin:17px 0;font-weight:700;font-size:14px}.sp-login-form input[type=text],.sp-login-form input[type=password]{width:100%;padding:14px;border:1px solid #d8dce1;border-radius:9px;font:inherit;outline:none}.sp-login-form input:focus{border-color:var(--red);box-shadow:0 0 0 3px #e3261c16}.sp-login-options{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:8px 0 20px}.sp-login-options label{display:flex;align-items:center;gap:7px;margin:0}.sp-login-options>a{color:var(--red);font-weight:700}.sp-login-form button{width:100%;border:0;background:var(--red);color:#fff;padding:14px;border-radius:9px;font-weight:800;font-size:15px;cursor:pointer}.sp-login-form form>small{display:block;text-align:center;color:#8a919a;margin-top:18px}.sp-login-error{background:#fff0ef;color:#a21d16;border:1px solid #ffc5c1;padding:12px;border-radius:8px;margin:16px 0;font-size:14px}@media(max-width:850px){.sp-login>main{grid-template-columns:1fr}.sp-login-brand{min-height:300px;padding:35px 24px}.sp-login-brand h1{font-size:42px}.sp-login-brand>p{display:none}.sp-login-form{padding:28px 18px}.sp-login-form form{padding:28px}}
.sp-login-logo img{display:block;width:42px;height:42px;border-radius:12px}.sp-login-mark img{display:block;width:42px;height:42px;border-radius:12px}.sp-login-mark{border:0!important;background:transparent!important}
@media(max-width:480px){.sp-login-brand{min-height:240px;padding:25px 18px}.sp-login-brand h1{font-size:34px}.sp-login-brand p{font-size:15px}.sp-login-form{padding:18px 12px}.sp-login-form form{padding:22px 18px}.sp-login-form h2{font-size:27px}.sp-login-options{align-items:flex-start;flex-direction:column;gap:10px}}
.sp-login-step{display:block;margin:0 0 7px;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.13em}.sp-login-success{margin:16px 0;padding:12px;border:1px solid #bde4cc;border-radius:8px;background:#eefaf2;color:#16703a;font-size:14px}.sp-login-back{display:block;margin-top:19px;color:var(--ink)!important;text-align:center;font-size:13px;font-weight:750}.sp-login-back:hover{color:var(--red)!important}
.sp-install-card{width:min(440px,100%);margin-top:14px;padding:14px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 30px #151a220d}.sp-install-card img{width:48px;height:48px;border-radius:12px}.sp-install-card b,.sp-install-card span{display:block}.sp-install-card b{font-size:14px}.sp-install-card span{margin-top:2px;color:#6a727d;font-size:11px;line-height:1.35}.sp-install-card button{width:auto;padding:11px 13px;font-size:12px;white-space:nowrap}.sp-install-card button:disabled{background:#718078;cursor:default}.sp-install-help[hidden]{display:none}.sp-install-help{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#151a22bd;backdrop-filter:blur(7px)}.sp-install-help>div{position:relative;width:min(420px,100%);padding:34px;border-radius:19px;background:#fff;box-shadow:0 32px 90px #0005}.sp-install-help img{width:74px;height:74px;border-radius:18px}.sp-install-help h3{margin:18px 0 14px;font-size:23px}.sp-install-help ol{padding-left:22px;color:#59616c}.sp-install-help li{margin:12px 0}.sp-install-close{position:absolute;top:12px;right:12px;width:36px!important;height:36px;padding:0!important;border-radius:50%!important;background:#eef0f3!important;color:var(--ink)!important;font-size:24px!important}@media(max-width:520px){.sp-install-card{grid-template-columns:44px 1fr}.sp-install-card img{width:44px;height:44px}.sp-install-card button{grid-column:1/-1;width:100%}.sp-install-help>div{padding:28px 22px}}
