*{box-sizing:border-box}body{margin:0;background:#101724;color:#e5e9f1;font:18px/1.7 system-ui,sans-serif}header,main,footer{max-width:840px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #344053}a{color:#bdd7ff;text-underline-offset:5px}nav{display:flex;gap:20px}h1{font-size:clamp(40px,7vw,68px);line-height:1.1;letter-spacing:-2px;margin:48px 0 24px}h2{margin-top:36px;color:#c5d9f5}.intro{font-size:23px;color:#b1c1d5}article{border-top:1px solid #344053;margin-top:40px;padding-top:12px}footer{font-size:14px;color:#93a3b9;margin-top:50px}.tag{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#d6b87b}