* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', system-ui, sans-serif; background: #0d1117; color: #c9d1d9; min-height: 100vh; display: flex; flex-direction: column; }

.navbar { background: #161b22; border-bottom: 1px solid #30363d; padding: 15px 0; }
.navbar .container { max-width: 1000px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; }
.logo { color: #58a6ff; font-size: 1.2rem; font-weight: 700; }
.links a { color: #8b949e; text-decoration: none; margin-left: 20px; }
.links a:hover { color: #c9d1d9; }

.hero { padding: 60px 20px; text-align: center; border-bottom: 1px solid #30363d; }
.hero h1 { font-size: 2.5rem; color: #58a6ff; margin-bottom: 10px; }
.hero p { color: #8b949e; font-size: 1.1rem; }

main { flex: 1; max-width: 1000px; margin: 0 auto; padding: 40px 20px; width: 100%; }
.projects-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }

.project-card { background: #161b22; border: 1px solid #30363d; border-radius: 10px; padding: 25px; transition: all 0.2s; }
.project-card:hover { border-color: #58a6ff; transform: translateY(-3px); }
.project-card h3 { color: #58a6ff; margin-bottom: 10px; font-size: 1.3rem; }
.project-card p { color: #8b949e; margin-bottom: 15px; }
.project-card a { color: #1f6feb; text-decoration: none; font-weight: 600; pointer-events: none; }
.project-card a:hover { text-decoration: underline; }

.empty { text-align: center; color: #8b949e; font-size: 1.2rem; padding: 60px 0; }

pre { background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 20px; overflow-x: auto; }
code { font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace; color: #c9d1d9; font-size: 0.9rem; line-height: 1.6; }
.back-link { color: #1f6feb; text-decoration: none; margin-bottom: 20px; display: inline-block; }
.file-list { margin: 15px 0; }
.file-list a { color: #1f6feb; margin-right: 15px; text-decoration: none; }
.file-list a:hover { text-decoration: underline; }

footer { background: #161b22; border-top: 1px solid #30363d; padding: 20px; text-align: center; }
footer p { color: #8b949e; }
footer a { color: #1f6feb; text-decoration: none; margin: 0 10px; }