.login{--side:clamp(360px, 26vw, 460px);min-height:100dvh}.login .panel{inset:0 var(--side) 0 0;background:radial-gradient(800px 500px at 15% 0%, color-mix(in srgb, var(--brand), #fff 22%), transparent 65%), radial-gradient(800px 600px at 100% 100%, color-mix(in srgb, var(--brand), #000 18%), transparent 60%), linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand), #000 25%));justify-content:center;align-items:center;display:flex;position:fixed;overflow:hidden}.login .panel.img{background-color:#23214a;background-position:50%;background-repeat:no-repeat;background-size:cover}.login .logo{align-items:center;gap:22px;display:flex}.login .logo .rs-mark{width:72px;height:72px;color:var(--brand);background:#fff;border-radius:20px;font-size:30px}.login .logo .name{color:#fff;letter-spacing:-.02em;font-size:56px;font-weight:800;line-height:1}.login .panel.img.light .name{color:var(--ink)}@keyframes login-in-r{0%{opacity:0;transform:translate(56px)}to{opacity:1;transform:none}}@keyframes login-in-b{0%{opacity:0;transform:translateY(70%)}to{opacity:1;transform:none}}.login .side{width:var(--side);background:var(--bg);flex-direction:column;justify-content:center;padding:0 48px 40px;animation:.7s cubic-bezier(.22,1,.36,1) both login-in-r;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.login h2{color:var(--ink);letter-spacing:-.01em;margin:0 0 36px;font-size:26px;font-weight:800}.login .form{flex-direction:column;gap:16px;display:flex}.login .form label:not(.remember){color:var(--ink);flex-direction:column;gap:6px;font-size:13px;display:flex}.login .form input:not([type=checkbox]){background:var(--field);height:42px;color:var(--text);border:1px solid #0000;border-radius:10px;outline:none;padding:0 14px;font-size:13px;transition:border-color .15s}.login .form input:not([type=checkbox]):focus{border-color:var(--brand)}.login .form input[type=password]{caret-color:#0000}.login .form input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--field) inset;-webkit-text-fill-color:var(--text)}.login .form button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:12px;height:46px;margin-top:8px;font-size:13.5px;font-weight:600;transition:background-color .15s}.login .form button:hover{background-image:linear-gradient(#ffffff14,#ffffff14)}.login .form button:disabled{opacity:.7;cursor:default}.login .remember{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.login .remember input{opacity:0;pointer-events:none;position:absolute}.login .remember i{background:#fff;border:2px solid #c9c7d6;border-radius:50%;width:16px;height:16px;transition:border-width .2s,border-color .2s}.login .remember input:checked+i{border:5px solid var(--brand)}.login .remember input:focus-visible+i{outline:2px solid color-mix(in srgb, var(--brand), transparent 60%);outline-offset:2px}.login .error{color:var(--bad-t);margin:0;font-size:13px}@media (max-width:720px){.login .panel{padding-bottom:400px;right:0}.login .logo{gap:14px}.login .logo .rs-mark{border-radius:15px;width:52px;height:52px;font-size:22px}.login .logo .name{font-size:36px}.login .side{border-radius:24px 24px 0 0;justify-content:flex-start;width:auto;max-height:100dvh;padding:32px 24px 52px;animation-name:login-in-b;top:auto;left:0;box-shadow:0 -10px 30px #2016782e}.login h2{margin-bottom:28px;font-size:22px}}.login .logo img.rs-mark{object-fit:cover}.login .logo img.wm{object-fit:contain;width:auto;max-width:420px;height:56px;display:block}@media (max-width:720px){.login .logo img.wm{max-width:260px;height:36px}}.login .panel.cross.img{background-color:#23214a;background-position:50%;background-repeat:no-repeat;background-size:cover}.login .panel.cross.dark .pin-wm{--wm:#fff}.login .pin-logo{align-items:center;gap:22px;display:flex}.login .pin-mark{flex:none;width:72px;height:72px;display:block}.login .pin-wm{letter-spacing:.1em;--wm:#6d5df5;color:var(--wm);white-space:nowrap;margin-right:-.1em;font-size:41px;font-weight:400;line-height:1}.login .pin-c{display:inline-block;position:relative}.login .pin-hat{width:.5em;height:.21em;position:absolute;bottom:1.07em;left:calc(50% - .27em);overflow:visible}@media (max-width:720px){.login .pin-logo{gap:14px}.login .pin-mark{width:46px;height:46px}.login .pin-wm{font-size:26px}}.login.cross .panel{transition:right .7s cubic-bezier(.22,1,.36,1);right:0}.login.cross.open .panel{right:var(--side)}.login.cross .side{opacity:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s;animation:none;transform:translate(100%)}.login.cross.open .side{opacity:1;transform:none}.login .cross-btn{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .25s}.login:not(.open) .cross-btn:hover{transform:scale(1.03)}.login .cross-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--brand), transparent 50%);outline-offset:12px;border-radius:12px}@media (max-width:720px){.login.cross .panel{padding-bottom:0;transition:padding-bottom .7s cubic-bezier(.22,1,.36,1)}.login.cross.open .panel{padding-bottom:400px;right:0}.login.cross .side{transform:translateY(100%)}.login.cross.open .side{transform:none}}.login{--field:color-mix(in srgb, var(--brand) 11%, #fff);--bg:color-mix(in srgb, var(--brand) 5%, #fff)}.login.cross .side{background:color-mix(in srgb, var(--brand) 3%, #fff)}.login .remember i{border-color:color-mix(in srgb, var(--brand) 25%, #c9c7d6)}.login .side-close{color:#8a8a94;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:color .15s,background-color .15s,transform .2s;display:flex;position:absolute;top:24px;left:36px}.login .side-close:hover{color:var(--ink);background:color-mix(in srgb, var(--brand) 8%, #fff);transform:translate(2px)}@media (max-width:720px){.login.cross .side{padding-top:52px}.login .side-close{margin-left:-18px;top:10px;left:50%;transform:rotate(90deg)}.login .side-close:hover{transform:rotate(90deg)translate(2px)}}.login .intro-slogan{text-align:center;pointer-events:none;letter-spacing:.32em;color:#fff;white-space:nowrap;margin:0 -.32em 0 0;font-size:22px;font-weight:300;animation:1.9s cubic-bezier(.22,1,.36,1) .15s both intro-slogan;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.login .pin-hat{color:var(--wm)}.login .intro-slogan~.cross-btn .pin-mark{animation:.45s cubic-bezier(.22,1,.36,1) 1.75s backwards pin-box}.login .intro-slogan~.cross-btn .pin-mark path:last-of-type{animation:.5s cubic-bezier(.22,1,.36,1) 2s backwards pin-car}.login .intro-slogan~.cross-btn .pin-wm{animation:.6s cubic-bezier(.22,1,.36,1) 2.2s backwards pin-up}.login .intro-slogan~.cross-btn .pin-hat{animation:.45s cubic-bezier(.22,1,.36,1) 2.55s backwards pin-hat}@keyframes intro-slogan{0%{opacity:0;letter-spacing:.5em;filter:blur(6px)}31%{opacity:1;letter-spacing:.32em;filter:blur()}70%{opacity:1;filter:blur()}to{opacity:0;filter:blur(6px)}}@keyframes pin-box{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes pin-up{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(18px)}to{opacity:1;clip-path:inset(-60% 0 -20%);transform:none}}@keyframes pin-car{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes pin-hat{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:720px){.login .intro-slogan{letter-spacing:.24em;margin-right:-.24em;font-size:13px}}@media (prefers-reduced-motion:reduce){.login .intro-slogan{display:none}.login .intro-slogan~.cross-btn :is(.pin-mark,.pin-wm,.pin-mark path,.pin-hat){animation:none}}.login .login-copy{color:#8a8a94;align-items:center;gap:8px;margin:0;font-size:12px;display:flex;position:absolute;bottom:32px;left:48px}.login .login-copy .mk{color:#fff;letter-spacing:-.03em;background:#d4d2e3;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10.5px;font-weight:800;display:inline-flex}@media (max-width:720px){.login .login-copy{bottom:18px;left:24px}}.login .login-copy img.mk{object-fit:cover;filter:grayscale();opacity:.45;background:0 0}.login .login-copy img.wmk{filter:grayscale();opacity:.45;width:auto;height:16px}