body{font-family:system-ui,sans-serif;margin:0;background:#0b0d12;color:#e8eaf0}a{color:#7cc4ff}header,main,footer{max-width:1000px;margin:auto;padding:20px}nav a{margin-right:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.card{background:#151924;border:1px solid #232a3a;border-radius:10px;padding:16px}.sp{border-color:#f5c542}.btn{display:inline-block;background:#f5c542;color:#000;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600}h1{font-size:2.2em}small{color:#9aa3b5}