:root{--bg: #0f1f0f;--surface: #1a3320;--border: #2d5a35;--accent: #4ade80;--accent-dim:#2e7d52;--text: #e8f5e9;--text-muted:#8bc499;--card-bg: #1e3d26;--card-hover:#243f2c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column}#topBar{background-color:var(--surface);border-bottom:2px solid var(--border);padding:32px 20px 24px;text-align:center}#topBarInner{max-width:900px;margin:0 auto}#topBar h1{font-size:2.2rem;font-weight:700;color:var(--accent);letter-spacing:.02em;margin-bottom:8px}#tagline{color:var(--text-muted);font-size:.95rem;margin-bottom:14px}.twitter-link{display:inline-block;color:var(--accent);text-decoration:none;font-size:.85rem;border:1px solid var(--accent-dim);padding:4px 12px;border-radius:20px;transition:background .2s,color .2s}.twitter-link:hover{background:var(--accent);color:var(--bg)}#mainContent{flex:1;max-width:1000px;width:100%;margin:32px auto;padding:0 20px}#cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .18s,box-shadow .18s,background .18s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000080;background:var(--card-hover);border-color:var(--accent-dim)}.card-image{width:100%;aspect-ratio:16 / 9;background:var(--bg);overflow:hidden;display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-body{padding:14px 16px;flex:1}.card-title{font-size:.95rem;font-weight:600;color:var(--accent);margin-bottom:4px}.card-desc{font-size:.82rem;color:var(--text-muted);line-height:1.4}#footer{background-color:var(--surface);border-top:2px solid var(--border);padding:24px 20px;text-align:center}#footerInner{max-width:900px;margin:0 auto}.footer-copy{font-size:.85rem;color:var(--text-muted);margin-bottom:10px}.footer-disclaimer{font-size:.75rem;color:var(--text-muted);opacity:.7;line-height:1.6;max-width:720px;margin:0 auto}@media(max-width:700px){#cardGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){#cardGrid{grid-template-columns:1fr}#topBar h1{font-size:1.6rem}}