/* Basic, mobile-first styles; no external CDNs */
:root { --bg:#0b0c10; --card:#12131a; --text:#e6e6e6; --muted:#9aa0a6; --accent:#7ee787; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: var(--bg); color: var(--text); }
a { color: var(--accent); text-decoration: none; }
header, footer { padding: 1rem; text-align:center; background: #0f1117; }
.container { max-width: 1100px; margin: 0 auto; padding: 1rem; }
.hero { padding: 2.5rem 1rem; text-align:center; background: linear-gradient(180deg,#11131a,#0b0c10); border-bottom: 1px solid #1f2330; }
.grid { display:grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 768px) { .grid { grid-template-columns: repeat(3,1fr); } }
.card { background: var(--card); border:1px solid #1f2330; border-radius: 16px; padding: 1rem; box-shadow: 0 6px 20px rgba(0,0,0,.25); }
.btn { display:inline-block; padding:.8rem 1.1rem; border-radius: 12px; background: #1f6feb; color:white; }
nav { display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap; margin:.5rem 0 0; }
nav a { padding:.5rem .75rem; background:#151823; border:1px solid #20263a; border-radius:10px; }
.muted { color: var(--muted); }
.legal { font-size:.95rem; line-height:1.5; }
.notice { background:#0e4026; color:#d7ffe2; padding:.6rem .8rem; border-radius: 10px; border: 1px solid #1c6b3e; }