*{box-sizing:border-box}body{margin:0;background:#eef3f9;color:#122b4a;font:18px/1.6 Arial,sans-serif}main{max-width:840px;margin:40px auto;background:#fff;border-radius:16px;padding:32px}header{background:#062d63;color:white;padding:20px;font-weight:bold;border-radius:8px}h1{font-size:32px;line-height:1.2}h2{font-size:23px}.button{display:inline-block;background:#062d63;color:white;text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:bold}aside{background:#fff9d7;padding:20px;border-left:5px solid #ffe000;margin:25px 0}details{padding:18px;background:#f0f5fc;border-radius:8px}summary{cursor:pointer;font-weight:bold}footer{font-size:14px;margin-top:28px}@media(max-width:600px){main{margin:0;border-radius:0;padding:22px}h1{font-size:28px}}
