:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#223338;background:#f4f6f6;font-size:15px}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}main{width:min(470px,100%);margin:auto;padding:56px 34px}.brand{font-size:29px;font-weight:750;color:#234c53;text-decoration:none;letter-spacing:-1px}.brand span{font-weight:400}.eyebrow{font-size:10px;letter-spacing:2px;color:#738085;margin-top:65px}h1{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:16px 0}.intro{line-height:1.7;color:#65757a;margin-bottom:32px}form{display:grid;gap:9px}label{font-size:12px;font-weight:650;margin-top:8px}input{font:inherit;padding:12px;border:1px solid #bac7c9;border-radius:5px;width:100%;background:#fff}input:focus{outline:2px solid #4c8d95;outline-offset:2px}button{font:inherit;background:#245b62;color:white;border:0;border-radius:5px;padding:13px;margin-top:16px;cursor:pointer;font-weight:650}button:disabled{opacity:.5}#message{color:#9e3733;min-height:20px;font-size:13px}.help{font-size:11px;color:#849196;line-height:1.8;margin-top:36px}aside{background:#244f55;color:#e9f0ee;padding:70px;display:flex;flex-direction:column;justify-content:center}aside h2{font-size:43px;line-height:1.15;font-weight:500;letter-spacing:-1.5px}aside p{color:#b6cdca;line-height:1.8}.boxes{display:grid;grid-template-columns:repeat(3,85px);gap:9px;margin-bottom:40px}.boxes i{display:flex;align-items:end;padding:12px;height:68px;background:#ffffff0e;border:1px solid #ffffff26;border-radius:5px;font-style:normal;color:#dce8d7;font:11px monospace}.boxes i:nth-child(5){background:#d5dfbc;color:#244f55;box-shadow:0 10px 30px #0002;transform:translate(5px,5px)}@media(max-width:800px){body{display:block}main{padding-top:45px}aside{display:none}.eyebrow{margin-top:45px}}
