body:has(.login-shell){background:#edf5fa}.login-shell{color:#153247;background:#edf5fa;grid-template-columns:minmax(300px,420px) minmax(0,540px);justify-content:center;align-items:center;gap:clamp(40px,7vw,110px);width:100%;min-height:100svh;padding:48px clamp(24px,6vw,100px);display:grid}.login-form{width:100%;min-width:0}.login-brand{align-items:center;gap:12px;margin-bottom:40px;font-size:21px;font-weight:700;display:flex}.login-brand>span{display:block}.login-brand small{color:#6b8192;margin-top:2px;font-size:11px;font-weight:450;display:block}.login-shell input:not([type=hidden]){min-height:50px;box-shadow:none;background:#fff9;border-color:#c8dce8;border-radius:10px}.login-shell input:focus{background:#fff}.login-shell .button-primary{min-height:48px}.login-art{text-align:center;min-width:0}.login-art img{width:100%;height:auto;display:block}.login-art p{letter-spacing:-.035em;margin-top:8px;font-size:26px;font-weight:650}.login-art>span{color:#6b8192;margin-top:10px;font-size:13px;display:block}@media (max-width:767px){.login-shell{padding:24px max(24px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex-direction:column;justify-content:center;gap:8px;display:flex}.login-form{max-width:420px}.login-brand{margin-bottom:24px;font-size:20px}.login-brand img{width:36px;height:36px}.login-art{order:-1;align-self:center;width:160px;height:150px;margin-bottom:12px}.login-art p,.login-art>span{display:none}}@media (max-height:650px) and (max-width:767px){.login-art{width:110px;height:100px}.login-shell{justify-content:flex-start}}