*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;grid-template-columns:51.25% 1fr;font:15px system-ui;color:#162840;background:#fff}aside{background:linear-gradient(140deg,#142033,#203957);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:7vw 6vw;gap:60px}.brand{color:white;font-weight:850;letter-spacing:.12em}aside h1{font-size:clamp(42px,5vw,76px);line-height:.99;letter-spacing:-.055em;margin:14px 0 22px}aside p{max-width:340px;color:#d3e2f6;line-height:1.55}small{font-size:11px;font-weight:800;letter-spacing:.16em;color:#8c5917}aside small{color:#f7b959}main{display:grid;place-items:center;padding:34px}section{width:min(100%,340px)}h2{font-size:32px;letter-spacing:-.04em;margin:10px 0 4px}section p{color:#4b607c;font-size:14px}label{display:grid;gap:6px;font-size:13px}form,nav{display:grid;gap:15px;margin:18px 0}input,button{font:inherit;border:1px solid #cfdaea;border-radius:6px;padding:10px}button{color:#fff;background:#245bc4;border:0;font-weight:700;cursor:pointer}a{color:#2055b9;text-decoration:none;font-weight:650}a:hover{text-decoration:underline}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#eef3fa;padding:10px;border-radius:6px}@media(max-width:680px){body{display:block}aside{padding:25px;gap:22px}aside h1{font-size:39px}main{padding:30px 20px}}