:root{font-family:Segoe UI,Arial,sans-serif;color:#0a2e4f;background:#f4f7f9}*{box-sizing:border-box}body{margin:0}main{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#0a2e4f;color:white;padding:60px 12%;display:flex;flex-direction:column;justify-content:center}.intro img{background:white;border-radius:8px;padding:13px;width:225px;margin-bottom:75px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#789bb5}.intro h1{font:normal 44px/1.2 Georgia,serif;margin:15px 0 23px}.intro p:not(.eyebrow){font-size:13px;color:#b4c8d9;line-height:1.9}.intro span{margin-top:80px;font-size:11px;letter-spacing:3px;color:#92b1c8}section{display:grid;place-items:center;padding:40px}.form{max-width:370px;width:100%}h2{font:normal 30px Georgia,serif;margin:12px 0 14px}.form>p:not(.eyebrow){font-size:13px;color:#758897;margin-bottom:35px}label{display:block;font-size:12px;font-weight:600;margin-bottom:20px}input{display:block;width:100%;padding:14px;border-radius:8px;background:white;border:1px solid #cfdae3;font:14px Segoe UI,sans-serif;margin-top:8px;color:#0a2e4f}button{background:#0f5a9c;color:#fff;border:0;border-radius:8px;padding:15px;width:100%;font-size:13px;font-weight:600;cursor:pointer}button:disabled{opacity:.6}small{font-size:11px;color:#758897;line-height:1.8;display:block;margin-top:20px}#login-message{font-size:12px;line-height:1.8;color:#a04239}input:focus{outline:2px solid #578fbd;outline-offset:2px}@media(max-width:700px){main{display:block}.intro{padding:32px 25px}.intro img{width:170px;margin:0 0 30px}.intro h1{font-size:30px;margin:9px 0 0}.intro h1 br{display:none}.intro p:not(.eyebrow),.intro span{display:none}.intro .eyebrow{margin:0}section{padding:32px 25px 50px}h2{font-size:27px}}