body{margin:0;background:#f7f8fc;color:#0f172a;font:16px/1.6 system-ui}
a{color:#2563eb;text-decoration:none}.container{max-width:1000px;margin:auto;padding:24px 16px}
header,footer{background:#fff;border-bottom:1px solid #e2e8f0}footer{border-top:1px solid #e2e8f0}
nav{display:flex;justify-content:space-between;align-items:center}.badge{font-size:12px;border:1px solid #e2e8f0;border-radius:999px;padding:4px 8px;color:#475569}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;margin:8px 0}.grid{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,1fr)}
.badge-lang{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid transparent;font-weight:600;margin:2px;display:inline-block}
.lang-python{background:#fffbeb;border-color:#fcd34d;color:#92400e}.lang-javascript{background:#fef3c7;border-color:#fbbf24;color:#92400e}
.lang-html{background:#fee2e2;border-color:#fca5a5;color:#7f1d1d}.lang-css{background:#dbeafe;border-color:#93c5fd;color:#1e3a8a}
.lang-php{background:#ede9fe;border-color:#c4b5fd;color:#4c1d95}.lang-mysql{background:#ccfbf1;border-color:#5eead4;color:#064e3b}
.tag{padding:4px 8px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-size:12px;margin:2px;display:inline-block}
.module-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}