.x.signin{--si-ground:#eceae1;--si-side:#f6f5f0;--si-line:#d8d5ca;--si-text:#141414;background:var(--si-ground);min-height:100vh;color:var(--si-text);font:400 14px/1.4 var(--ui);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.si-left{flex-direction:column;min-width:0;padding:32px clamp(24px,8vw,160px) 28px;display:flex}.si-brand{align-items:center;gap:10px;display:flex}.si-brand .tomark{background:var(--red);width:26px;height:26px;color:var(--on);font-size:11px}.si-brand b{font:800 20px var(--ui);letter-spacing:-.01em}.si-brand small{border-left:1px solid var(--si-line);font:600 13px var(--ui);color:var(--ink-2);padding-left:10px}.si-main{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:460px;padding:48px 0;display:flex}.si-h{font:400 clamp(32px,3.1vw,44px)/1.12 var(--ui);letter-spacing:-.035em;margin:0 0 44px}.si-form{flex-direction:column;gap:12px;display:flex}.si-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.signin .si-in{border:1px solid var(--si-line);width:100%;height:46px;font:400 15px var(--ui);background:#fff;border-radius:6px;padding:0 14px;transition:border-color .12s,box-shadow .12s;box-shadow:0 1px 2px #1414140d}.signin .si-in::placeholder{color:#8b877f}.signin .si-in:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #d0394c29}.si-pw{position:relative}.signin .si-pw .si-in{padding-right:70px}.signin .si-show{height:34px;color:var(--ink-2);font:700 13px var(--ui);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 10px;position:absolute;top:6px;right:6px}.signin .si-show:hover{color:var(--si-text);background:var(--si-ground)}.signin .si-show:focus-visible{outline:2px solid var(--red);outline-offset:1px}.signin .si-btn{background:var(--si-text);color:#fff;height:48px;font:700 15px var(--ui);border:0;border-radius:6px;margin-top:6px;transition:background .12s}.signin .si-btn:hover{background:#000}.signin .si-btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}.signin .si-btn:disabled{opacity:.7;cursor:progress}.si-err{color:var(--red-dk);font:600 13.5px/1.4 var(--ui);background:#fceef0;border:1px solid #f1c4ca;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 0;padding:12px 14px;display:flex}.si-err svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0;width:18px;height:18px}.si-note,.si-foot{text-align:center;font:600 13.5px/1.45 var(--ui);color:var(--ink-2);margin:0}.si-note{margin-top:8px}.si-note b,.si-foot b{color:var(--si-text);font-weight:700}.si-right{background:var(--si-side);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.si-art{background:#d6e5f5;flex:auto;min-height:0;position:relative;overflow:hidden}.si-art svg{width:100%;height:100%;display:block;position:absolute;inset:0}.si-mods{text-align:center;flex:none;padding:40px 32px 56px}.si-mods p{font:700 14px var(--ui);margin:0 0 28px}.si-mods ul{grid-template-columns:repeat(3,auto);justify-content:center;gap:24px 44px;margin:0;padding:0;list-style:none;display:grid}.si-mods li{font:800 18px var(--ui);letter-spacing:-.01em;color:#2a2825;white-space:nowrap;align-items:center;gap:10px;display:flex}.si-mods svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}@media (max-width:1180px){.si-mods ul{gap:20px 28px}.si-mods li{font-size:16px}}@media (max-width:960px){.x.signin{grid-template-columns:minmax(0,1fr)}.si-right{display:none}.si-left{padding:24px 16px}.si-main{max-width:none;padding:40px 0}.si-h{margin-bottom:32px}}