:root { --bg:#0b0f16; --card:#121826; --txt:#e7ecf5; --muted:#9fb3c8; --accent:#b3e1ff; }

*{ box-sizing:border-box }
html,body{ height:100% }
body{
  margin:0; background:radial-gradient(1200px 600px at 20% -10%, #11182a 0%, #0b0f16 50%, #0b0f16 100%);
  color:var(--txt); font:16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

header{ padding:32px 20px; text-align:center; }
h1{ margin:0 0 8px; font-weight:800; letter-spacing:.4px; }
h2{ margin:.2rem 0 1rem; }

main{ max-width:880px; margin:0 auto; padding:0 20px 32px; }
.card{
  background:var(--card); margin:14px 0; padding:16px 18px; border-radius:12px;
  box-shadow: 0 2px 12px rgba(0,0,0,.25);
}

ul{ list-style:none; padding:0; margin:0; }
li{ margin:.4rem 0; }
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }

.muted{ color:var(--muted); }
footer{ max-width:880px; margin:30px auto; padding:0 20px; color:var(--muted); }