:root{color:#172033;background:#fff;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#10243f;color:#fff;padding:32px 24px;display:flex;flex-direction:column;gap:4px}aside strong{letter-spacing:.08em}aside span{font-size:12px;color:#93c5c4}nav{display:grid;grid-gap:4px;gap:4px;margin-top:48px}nav a{color:#c7d6e5;text-decoration:none;padding:10px 0}.content{padding:56px;max-width:1100px}header p{color:#0f9c9a;font-weight:700;letter-spacing:.06em}h1{font-size:40px;margin:8px 0 12px}.dev-badge{display:inline-block;border:1px solid #0f9c9a;border-radius:999px;color:#0b776f;font-size:12px;font-weight:700;letter-spacing:.08em;padding:5px 9px}.status,article span{color:#0b776f;font-size:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));grid-gap:18px;gap:18px;margin-top:42px}article{border:1px solid #dce3ea;border-radius:10px;padding:24px;min-height:150px}article h2{margin:0;font-size:20px}article p{color:#5a6575;line-height:1.5}@media(max-width:700px){main{grid-template-columns:1fr}aside{min-height:auto}.content{padding:28px}.grid{grid-template-columns:1fr}}