.signin-page{--signin-ink:#24304a;--signin-muted:#637087;--signin-accent:#5664d2;min-height:100svh;padding:28px;display:grid;place-items:center;background:#f5f6fa;color:var(--signin-ink)}.signin-layout{width:min(1200px,100%);min-height:min(740px,calc(100svh - 56px));display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #e3e7f0;border-radius:24px;background:#fff}.signin-intro{display:flex;flex-direction:column;justify-content:space-between;gap:52px;padding:42px 54px 40px;background:#eef0fc}.signin-story h1{margin:0;font-size:clamp(32px,3.25vw,46px);font-weight:650;letter-spacing:-.045em;line-height:1.45}.signin-story>p{margin:20px 0 0;color:#5c6983;font-size:15px;line-height:1.9}.signin-code-visual{margin-top:40px;padding:20px 22px 18px;background:#fafaff;border:1px solid #dce1f6;border-radius:16px}.signin-code-heading{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600;color:#64718d}.signin-code-heading>svg:last-child{margin-left:auto;color:#8a95ae}.signin-code-icon{display:flex;color:var(--signin-accent)}.signin-code-digits{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:22px 0 18px}.signin-code-digits>span{min-height:57px;display:grid;place-items:center;border-radius:8px;background:#e9ecfb}.signin-code-digits i{width:11px;height:11px;border-radius:50%;background:var(--signin-accent)}.signin-code-caption{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--signin-muted);white-space:nowrap}.signin-code-line{flex:1;height:3px;border-radius:2px;background:#d9def5}.signin-features{display:flex;flex-wrap:wrap;align-items:center;gap:24px;color:#5c6983}.signin-features>div{display:flex;align-items:center;gap:8px;font-size:12px}.signin-features svg{color:#7480b6}.signin-form-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px 68px}.signin-form-content{width:100%;max-width:360px;margin:0 auto}.signin-welcome-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:25px;border:1px solid #e2e6f5;border-radius:14px;background:#f7f8fd;color:var(--signin-accent)}.signin-form-content h2{margin:0;font-size:28px;line-height:1.4;font-weight:650;letter-spacing:-.025em}.signin-description{margin:12px 0 0;color:var(--signin-muted);font-size:14px;line-height:1.7}.signin-form{display:flex;flex-direction:column;gap:23px;margin-top:34px}.signin-form .field{gap:0}.signin-form .label{display:block;margin-bottom:9px;font-size:13px;font-weight:600}.signin-input-wrap{position:relative}.signin-input-icon{position:absolute;display:flex;top:50%;left:15px;transform:translateY(-50%);color:#909ab0;pointer-events:none}.signin-form .signin-input{width:100%;min-height:50px;padding-left:44px;font-size:14px}.signin-form .signin-password{padding-right:50px}.signin-password-toggle{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#7b879f;cursor:pointer}.signin-password-toggle:hover{color:var(--signin-accent);background:#f4f5fd}.signin-password-toggle:focus-visible{outline:2px solid var(--signin-accent);outline-offset:-2px}.signin-password-toggle:disabled{cursor:wait;opacity:.6}.signin-caps-lock{margin:7px 0 0;color:#956117;font-size:12px}.signin-form .signin-submit{min-height:50px;width:100%;justify-content:center;gap:12px;margin-top:3px}.signin-help{margin:26px 0 0;text-align:center}.signin-footer,.signin-help{font-size:12px;color:var(--signin-muted)}.signin-footer{position:absolute;bottom:31px;left:20px;right:20px;display:flex;justify-content:center;gap:12px;margin:0}.signin-footer span{color:#c7cdda}.signin-mobile-brand{display:none}@media (max-width:1050px){.signin-intro{padding:38px}.signin-form-panel{padding:64px 38px}.signin-features{gap:18px}}@media (max-width:760px){.signin-page{padding:0;background:#fff}.signin-layout{min-height:100svh;grid-template-columns:1fr;border:0;border-radius:0}.signin-intro{display:none}.signin-form-panel{min-height:100svh;padding:110px 28px 95px}.signin-mobile-brand{display:block;position:absolute;top:30px;left:28px}.signin-welcome-icon{margin-bottom:24px}.signin-form-content h2{font-size:29px}.signin-form .signin-input{font-size:16px}.signin-footer{bottom:28px}}@media (max-width:360px){.signin-form-panel{padding-left:22px;padding-right:22px}.signin-mobile-brand{left:22px}.signin-description{font-size:13px}}