:root{color:#243248;background:#f4f6f9;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:flex}aside{color:#fff;background:#14243b;flex-shrink:0;width:250px;padding:28px 20px}aside h2{margin-bottom:5px}aside p{color:#a9bcd1}nav{gap:20px;margin-top:45px;display:grid}section{flex:1;padding:36px}header{margin-bottom:30px}article{background:#fff;border:1px solid #e3e8ee;border-radius:12px;max-width:800px;padding:30px}