body{background:#fff}
.sx-top{display:flex;justify-content:space-between;align-items:center;padding:14px 32px;border-bottom:1px solid #ece9f5;font-size:16px}
.sx-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:26px;color:#1a1033;text-decoration:none}.sx-logo svg{color:#6d3df2}.sx-logo i{color:#6d3df2;font-style:normal}
.sx-login{color:#1a1033;font-weight:700;text-decoration:underline;text-decoration-color:#6d3df2;text-underline-offset:3px}
.sx{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 62px)}
.sx-left{padding:48px 40px 32px;max-width:520px;width:100%;box-sizing:border-box;margin-left:auto}
.sx-left h1{font-size:clamp(38px,5vw,56px);line-height:1.02;letter-spacing:-.035em;font-weight:900;color:#0f0a24;margin:0}
.sx-sub{font-size:20px;color:#5b5675;margin:10px 0 28px}
.sx-left label{display:block;font-weight:700;margin:18px 0 8px;color:#150f2e}
.sx-field{display:flex;align-items:center;border:1px solid #cfcae0;border-radius:10px;background:#fff;overflow:hidden}
.sx-field:focus-within{border-color:#6d3df2;box-shadow:0 0 0 3px rgba(109,61,242,.15)}
.sx-field input{color:#232227;flex:1;border:0;outline:0;padding:14px 14px;font-size:16px;background:transparent;min-width:0;width:100%;margin:0;box-shadow:none}
.sx-link>span{background:#f1effa;padding:14px 12px 14px 14px;font-weight:700;color:#1a1033;border-right:1px solid #e3dff2;white-space:nowrap}
.sx-pw button{display:flex;align-items:center;gap:6px;background:none;border:0;border-left:1px solid #e3dff2;color:#4a4566;padding:0 16px;height:46px;cursor:pointer;font-size:15px}
.sx-left .lp-avail{min-height:0;margin:8px 2px 0;font-size:14px}.sx-left .lp-avail:empty{display:none}
.sx-hint{color:#5b5675;font-size:14px;margin:8px 2px 0}
.sx-rules{list-style:none;margin:8px 2px 0;padding:0;font-size:14px;display:none}.sx-rules.on{display:block}
.sx-rules li{color:#6b6685}.sx-rules li:before{content:"\25CB  "}.sx-rules li.ok{color:#15803d}.sx-rules li.ok:before{content:"\2713  "}
.sx-err{color:#dc2626;font-size:14px;font-weight:600;margin:6px 2px 0}
.sx-btn{width:100%;margin-top:24px;border:0;border-radius:10px;background:#5b2df0;color:#fff;font-size:18px;font-weight:700;padding:16px;cursor:pointer;box-shadow:0 8px 20px rgba(91,45,240,.3)}
.sx-btn:hover{background:#4e22d6}
.sx-terms{font-size:13px;color:#5b5675;margin:14px 2px 0}.sx-terms a{color:#1a1033}
.sx-left hr{border:0;border-top:1px solid #ece9f5;margin:26px 0 16px}.sx-foot{font-weight:700;color:#3b3558}
.sx-left .foot{margin-top:18px}
.sx-right{background:linear-gradient(180deg,#ece6ff,#ddd3ff);padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}
.sx-pill{background:#e1d7ff;color:#5b2df0;font-weight:700;padding:9px 20px;border-radius:999px;font-size:15px}
.sx-right h2{font-size:clamp(22px,2.4vw,30px);font-weight:900;letter-spacing:-.02em;color:#0f0a24;margin:20px 0 28px;max-width:520px}
.sx-phone{width:250px;border:7px solid #15122b;border-radius:42px;background:#15122b;box-shadow:0 24px 50px rgba(50,30,140,.3);position:relative}
.sx-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:80px;height:20px;border-radius:12px;background:#15122b;z-index:2}
.sx-screen{border-radius:34px;background:linear-gradient(170deg,#ded3ff,#bda9fb);padding:44px 14px 18px;text-align:center}
.sx-av{width:84px;height:84px;margin:0 auto 10px;border-radius:50%;border:4px solid #fff;background:linear-gradient(160deg,#8b6cf6,#c4b5fd);overflow:hidden}
.sx-screen h3{margin:0;font-size:20px;font-weight:900;color:#0f0a24}.sx-handle{color:#5b5675;font-size:13px}
.sx-screen p{margin:8px 0 14px;font-size:13px;color:#2b2650}
.sx-lk{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:12px;margin:8px 0;color:#5b2df0;font-size:13px;text-align:left}
.sx-lk b{flex:1;color:#15122b}.sx-lk i{font-style:normal;color:#6b6685;font-size:18px}
.sx-plogo{margin-top:18px;font-weight:800;color:#15122b;font-size:15px}.sx-plogo i{color:#6d3df2;font-style:normal}
@media(max-width:860px){.sx{grid-template-columns:1fr}.sx-left{margin:0 auto;padding:28px 20px}.sx-right{display:none}.sx-top{padding:12px 18px}}