:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eaf4fa;background:#061522}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#061522,#0c2940);line-height:1.55}main{width:min(960px,calc(100% - 28px));margin:28px auto 70px}header{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:20px;border:1px solid #355b72;background:#081c2c}header>span{display:grid;place-items:center;width:58px;height:58px;background:#f2b93e;color:#071522;font-size:24px;font-weight:950;transform:skew(-8deg)}h1,h2{margin:0}header small,.eyebrow{color:#79afd0;font-weight:900;letter-spacing:.13em}button,nav a{border:1px solid #57788b;background:#102e43;color:#fff;padding:10px 14px;font-weight:850;text-decoration:none;cursor:pointer}nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}section{margin-top:14px;padding:24px;border:1px solid #294b61;background:#0a2031}section h2{font-size:28px}.eyebrow{margin:0 0 4px;font-size:11px}li{margin:12px 0;color:#c4d6e1}li strong{color:#fff}code{padding:2px 5px;background:#06131f;color:#ffe49d}aside{margin-top:18px;padding:13px;border-left:4px solid #f2b93e;background:#132c3e;color:#ffe9b1}@media(max-width:620px){header{grid-template-columns:auto 1fr}header button{grid-column:1/-1}nav{display:grid;grid-template-columns:1fr}section{padding:18px}}@media print{body{background:#fff;color:#111}main{width:100%;margin:0}header,section{background:#fff;color:#111;border-color:#aaa}nav,button{display:none}.eyebrow,header small{color:#345}li{color:#222}code{color:#111;background:#eee}aside{color:#111;background:#f5f5f5}}