*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;font-family:Arial,sans-serif;color:#233c59;background:#f7f9fc}main{max-width:450px;width:100%;margin:auto;padding:55px 40px}.brand{font-size:38px;font-weight:900;letter-spacing:-2px;color:#174a7a}.brand span{color:#df3545}.brand small{display:block;font-size:10px;letter-spacing:5px;margin:7px 0 60px 2px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8d9daf}h1{font-size:31px;letter-spacing:-1px;margin:14px 0}p{font-size:13px;line-height:1.8;color:#8a99ab}form{margin-top:30px}label{display:block;font-size:12px;margin-top:23px}input{display:block;width:100%;padding:13px;border:1px solid #dce4ec;border-radius:5px;margin-top:9px;font:inherit}button{width:100%;padding:15px;background:#18558b;color:white;border:0;border-radius:5px;margin-top:28px;cursor:pointer;font-size:13px}footer{font-size:10px;color:#97a6b7;text-align:center;margin-top:32px}.error{background:#fff0ee;border:1px solid #e8c8c2;padding:14px;font-size:12px;margin-top:20px}section{background:#123b65;display:flex;flex-direction:column;justify-content:center;padding:70px;color:white}section h2{font-size:46px;line-height:1.3;letter-spacing:-1px}section p{color:#adc3da}.line{width:50px;height:4px;background:#e63c4f}input:focus{outline:2px solid #789dc0;outline-offset:2px}@media(max-width:750px){body{display:block}section{display:none}main{padding:45px 30px}}