*{box-sizing:border-box}body{margin:0;background:#f0f4f7;color:#203247;font:15px/1.6 'Segoe UI',Arial,sans-serif;min-height:100vh;display:grid;place-items:center}main{display:grid;grid-template-columns:1fr 1fr;max-width:1020px;width:94%;min-height:620px;background:white;border-radius:18px;overflow:hidden;box-shadow:0 18px 70px #17384a17}.brand{background:#17384a;color:white;padding:60px 48px;display:flex;flex-direction:column}.brand>div{font-size:34px;font-weight:800;letter-spacing:5px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#bbd2dc}.brand h1{font-size:53px;line-height:1.12;margin:65px 0 18px}.brand p{color:#c5d9e1}.brand footer{margin-top:auto;font-size:10px;letter-spacing:1.5px;color:#9dbbc8}.form{padding:70px 45px}.form h2{font-size:26px;line-height:1.35}.form>p{color:#6b7f90}.eyebrow{font-size:11px;letter-spacing:2px;color:#087f83!important;font-weight:700}label{display:block;font-weight:600;margin-top:20px}input{display:block;width:100%;padding:13px;border:1px solid #cedae2;border-radius:7px;font:inherit;margin-top:7px}input:focus{outline:2px solid #087f83}button{font:inherit;font-weight:600;border:0;background:#087f83;color:white;width:100%;padding:14px;border-radius:7px;margin-top:28px;cursor:pointer}.foot{font-size:12px;margin-top:30px}[role=alert]{padding:12px;background:#fff0ee;color:#9d3333;border-radius:7px}@media(max-width:700px){main{grid-template-columns:1fr}.brand{padding:25px}.brand h1{margin:24px 0;font-size:36px}.brand footer{display:none}.form{padding:30px}}