:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f7f7f7;background:#171717}*{box-sizing:border-box}body{margin:0;line-height:1.65}header,main,footer{max-width:1100px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #333}.brand{color:#e5c158;font-size:24px;font-weight:800;text-decoration:none}nav{display:flex;gap:20px}a{color:#e5c158}main{min-height:70vh;padding-top:60px}h1{font-size:clamp(30px,5vw,48px);line-height:1.2;max-width:750px}h2{font-size:24px}p{max-width:750px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;margin-top:35px}.card{background:#252525;border:1px solid #444;border-radius:14px;padding:28px;margin-top:24px}.cards .card{margin-top:0}.muted{color:#bbb;font-size:14px}.button{display:inline-block;border-radius:30px;background:#d4af37;color:#171717;font-weight:700;padding:12px 22px;text-decoration:none}footer{color:#bbb;border-top:1px solid #333}a:focus-visible{outline:3px solid white;outline-offset:5px}@media(max-width:540px){header{flex-direction:column;align-items:flex-start}main{padding-top:30px}.card{padding:22px}}