.signin-shell{background:var(--color-bg);grid-template-columns:52% 48%;min-height:100svh;display:grid}.signin-showcase{color:#f3f5f7;background:#17212b;flex-direction:column;min-width:0;min-height:720px;padding:48px clamp(40px,4.4vw,76px) 32px;display:flex;overflow:hidden}.signin-brand-link,.signin-mobile-brand{flex:none;width:fit-content;display:inline-flex}.signin-brand-logo{--brand-logo-width:164px;max-width:100%;height:auto}.signin-artwork{flex:1;justify-content:center;align-items:center;min-height:280px;padding:12px 0 18px 28px;display:flex}.signin-artwork img{object-fit:contain;width:min(100%,400px);height:auto;max-height:42svh;display:block}.signin-brand-copy{flex:none;position:relative}.signin-brand-copy .signin-brand-title{letter-spacing:-.045em;word-break:keep-all;font-size:clamp(38px,4.1vw,64px);font-weight:730;line-height:1.12}.signin-brand-copy .signin-brand-title>span{color:var(--color-accent)}.signin-brand-copy>p:not(.signin-brand-title){letter-spacing:-.3px;color:#c6cdd3;margin-top:20px;font-size:15px;line-height:1.6}.signin-brand-footer{color:#b6c1cb;border-top:1px solid #45515c;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:20px;font-size:10px;line-height:1.6;display:flex}.signin-panel{flex-direction:column;min-width:0;padding:32px clamp(32px,4.4vw,76px) 28px;display:flex}.signin-panel-header{justify-content:flex-end;align-items:center;gap:16px;min-height:44px;display:flex}.signin-mobile-brand{display:none}.signin-content{flex:1;justify-content:center;align-items:center;padding:64px 0;display:flex}.signin-form-wrap{width:100%;max-width:400px}.signin-heading{margin-bottom:36px}.signin-heading h1{letter-spacing:-1.2px;color:var(--color-text);font-size:clamp(30px,2.7vw,38px);font-weight:740;line-height:1.3}.signin-heading p{letter-spacing:-.2px;color:var(--color-muted);margin-top:12px;font-size:15px;line-height:1.6}.signin-form{gap:22px;display:grid}.signin-field{gap:9px;display:grid}.signin-field label{color:var(--color-text);font-size:13px;font-weight:700;line-height:1.5}.signin-field input{width:100%;min-height:54px;padding:14px 16px;font-size:16px;line-height:1.5;transition:border-color .16s,box-shadow .16s;box-shadow:0 1px 2px #17212b08}.signin-field input:disabled{cursor:wait;opacity:.65}.signin-password{position:relative}.signin-password input{padding-right:58px}.signin-password-toggle{width:44px;height:44px;color:var(--color-muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.signin-password-toggle:hover:not(:disabled){color:var(--color-text);background:var(--color-surface)}.signin-password-toggle:disabled{opacity:.5}.signin-submit.rui-button{justify-content:center;gap:12px;width:100%;min-height:54px;margin-top:6px;padding:14px 20px;font-size:15px;font-weight:750;display:flex}.signin-notice.notice{margin-bottom:22px;font-size:13px;line-height:1.6}.signin-form .signin-notice.notice{margin:0}.signin-footnote{color:var(--color-muted);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:24px;font-size:11px;line-height:1.7;display:flex}@media (prefers-reduced-motion:no-preference){.signin-artwork img{animation:.56s cubic-bezier(.2,.75,.25,1) both signin-symbol-enter}@keyframes signin-symbol-enter{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}}@media (width<=959px){.signin-shell{display:block}.signin-showcase{display:none}.signin-panel{min-height:100svh;padding:28px 40px 24px}.signin-mobile-brand{margin-right:auto;display:inline-flex}.signin-content{padding:64px 0}.signin-heading h1{font-size:34px}}@media (width<=479px){.signin-panel{padding:20px 24px}.signin-brand-logo{--brand-logo-width:144px}.signin-content{align-items:flex-start;padding:56px 0 48px}.signin-heading{margin-bottom:30px}.signin-heading h1{font-size:30px}.signin-heading p{font-size:14px}.signin-form{gap:20px}}@media (width<=359px){.signin-panel{padding-left:20px;padding-right:20px}.signin-content{padding-top:40px;padding-bottom:32px}.signin-brand-logo{--brand-logo-width:128px}.signin-heading h1{font-size:28px}}@media (forced-colors:active){.signin-showcase{color:canvastext;background:canvas;border-right:1px solid canvastext}.signin-brand-copy>p:not(.signin-brand-title),.signin-brand-footer{color:canvastext}.signin-brand-footer{border-color:canvastext}}.signin-reset-link{min-height:44px;color:var(--color-accent-text);text-underline-offset:3px;justify-content:center;align-items:center;margin-top:12px;font-size:13px;text-decoration:underline;display:flex}
