.login{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:40px;max-width:1080px;margin:clamp(24px,7vh,80px) auto;padding:24px}
.login-art{overflow:hidden;border-radius:20px;background:#e7eef2}
.login-art img{display:block;width:100%;height:auto}
.login-controls{min-width:0;max-width:400px;width:100%;justify-self:center}
.login-controls .login-brand{margin:0 0 16px}
.login-controls .login-brand img{width:min(100%,300px)}
.login-controls button{min-height:46px;width:100%}
.login-controls p{line-height:1.5}
.login-controls #loginMessage{min-height:24px;color:#b6c8bc;font-size:14px}
@media(max-width:700px){.login{grid-template-columns:minmax(0,1fr);gap:16px;max-width:440px;margin:0 auto;padding:20px}.login-art{width:100%;max-height:190px;border-radius:14px}.login-art img{height:190px;object-fit:contain}.login-controls .login-brand{margin-bottom:4px}.login-controls .login-brand img{width:240px}.login-controls p{margin:10px 0}}
@media(max-height:700px) and (max-width:700px){.login-art,.login-art img{height:140px}.login{gap:8px;padding-top:12px}}