/* Minimal, clean styles */
:root { --bg:#0b0f14; --text:#e8f0fe; --muted:#9fb3c8; --accent:#4da3ff; --card:#121922; }
* { box-sizing: border-box; }
html,body { margin:0; padding:0; background:var(--bg); color:var(--text); font:16px/1.6 system-ui,Segoe UI,Roboto,Ubuntu,sans-serif; }
.container { width:min(1100px, 92vw); margin:0 auto; padding:2rem 0; }
.hero { text-align:center; padding:4rem 0 2rem; }
.logo { width:72px; height:72px; object-fit:contain; filter:drop-shadow(0 0 18px rgba(77,163,255,.25)); }
h1 { font-size:clamp(2rem, 5vw, 3rem); margin:.5rem 0 0; letter-spacing:.5px; }
.tagline { color:var(--muted); margin:.25rem 0 1.25rem; }
.cta { display:inline-block; background:var(--accent); color:#00101f; padding:.75rem 1.1rem; border-radius:.75rem; font-weight:600; text-decoration:none; }
h2 { margin:2.5rem 0 1rem; font-size:1.5rem; }
.cards { list-style:none; padding:0; display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:1rem; }
.cards li { background:var(--card); padding:1rem; border-radius:1rem; border:1px solid #1e2a38; }
.cards h3 { margin:.25rem 0 .25rem; }
.footer { color:var(--muted); border-top:1px solid #1e2a38; margin-top:2rem; }
a { color:var(--accent); }