*{box-sizing:border-box}body{margin:0;background:#f3f3f7;color:#29293b;font:14px/1.5 Inter,system-ui,sans-serif}main{min-height:100vh;display:grid;grid-template-columns:minmax(320px,45%) minmax(380px,55%)}.brand-panel{padding:9vw;display:flex;flex-direction:column;justify-content:center;background:#252536;color:#fff}.logo{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ef825d,#b83f24);font-size:24px;font-weight:800}.brand-panel p{margin:30px 0 0;color:#aaaabd;font-size:11px;letter-spacing:.18em}.brand-panel h1{margin:4px 0 15px;font-size:42px}.brand-panel span{max-width:430px;color:#bfbfce;font-size:16px}.login-panel{display:grid;place-items:center;padding:30px}.login-panel form{width:min(410px,100%)}form small{color:#a55337;font-weight:700;letter-spacing:.13em}h2{margin:8px 0 4px;font-size:28px}form>p{margin:0 0 28px;color:#858598}.error{padding:11px 13px;margin-bottom:16px;border-radius:7px;background:#f8dddd;color:#923737}label{display:block;margin:16px 0;color:#555569;font-weight:600}input{display:block;width:100%;height:44px;margin-top:6px;padding:0 12px;border:1px solid #d2d2dd;border-radius:8px;background:#fff;outline:none}input:focus{border-color:#df6841;box-shadow:0 0 0 3px #df684122}button{width:100%;height:45px;margin-top:8px;border:0;border-radius:8px;background:#df6338;color:#fff;font-weight:700;cursor:pointer}footer{margin-top:25px;color:#9999aa;text-align:center;font-size:11px}footer i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#52b979}@media(max-width:720px){main{display:block}.brand-panel{min-height:250px;padding:45px 30px}.brand-panel h1{font-size:34px}.login-panel{padding:45px 25px}}