@import url('app.css');
.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#111 0,#242426 60%,#4a0b0e 100%);padding:24px}.login-panel{width:min(920px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.3)}.login-intro{background:var(--brand-black);color:#fff;padding:58px;display:flex;flex-direction:column;justify-content:space-between}.login-intro img{width:120px;background:#fff;padding:10px;border-radius:14px}.login-intro h1{font-size:42px;margin:40px 0 8px;letter-spacing:.04em}.login-intro p{color:#bbb;line-height:1.5}.login-accent{height:4px;width:72px;background:var(--brand-red);margin-top:25px}.login-form{padding:58px 48px;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:26px;margin:0 0 6px}.login-form>p{color:var(--neutral-500);margin:0 0 28px}.login-form .field{margin-bottom:16px}.login-form .button{width:100%;margin-top:6px;min-height:44px}.login-note{font-size:11px;color:var(--neutral-500);margin-top:24px!important;text-align:center}@media(max-width:700px){.login-panel{grid-template-columns:1fr}.login-intro{padding:28px}.login-intro h1{font-size:30px;margin-top:24px}.login-form{padding:34px 28px}}