body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 0; background: #0b0d10; color: #e6e8eb; }
header, main, footer { max-width: 960px; margin: 0 auto; padding: 24px; }
h1 { margin: 0 0 4px; font-size: 24px; }
.meta { color: #8a9099; font-size: 13px; }
.module-grid { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.module-card a { display: block; padding: 20px; border: 1px solid #1f242b; border-radius: 8px; background: #12161b; color: inherit; text-decoration: none; }
.module-card a:hover { border-color: #3a82ff; }
.module-card code { display: block; margin-top: 8px; color: #8a9099; font-size: 12px; }
footer small { color: #5f6770; }