/* Shared styles for individual project pages (terminal theme) */
.project-header { background: #010409; text-align: center; padding: 120px 0 70px; border-bottom: 1px solid #21262d; }
.project-header h1 { font-size: 2.9rem; margin-bottom: .6rem; color: #fff !important; }
.project-header .tagline { max-width: 680px; margin: 0 auto 1.5rem; color: #d0d7de; font-size: 1.1rem; font-family: 'Inter', sans-serif; }
.badges { display: flex; gap: .6rem; justify-content: center; flex-wrap: wrap; margin-bottom: 1.8rem; }
.badges span { background: rgba(63, 185, 80, .1); color: #3fb950; border: 1px solid rgba(63, 185, 80, .3); padding: .35rem .85rem; border-radius: 6px; font-size: .82rem; display: inline-flex; align-items: center; gap: .4rem; font-family: 'JetBrains Mono', monospace; }
.cta-row { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.btn-dl, .btn-src { display: inline-flex; align-items: center; gap: .5rem; padding: .85rem 1.7rem; border-radius: 8px; font-weight: 600; text-decoration: none; font-family: 'JetBrains Mono', monospace; transition: all .25s ease; }
.btn-dl { background: #3fb950; color: #06110b; }
.btn-dl:hover { background: #4ac45e; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(63, 185, 80, .35); }
.btn-src { background: transparent; color: #e6edf3; border: 1px solid #30363d; }
.btn-src:hover { border-color: #3fb950; color: #3fb950; transform: translateY(-2px); }
.pk { max-width: 960px; margin: 0 auto; padding: 0 1.25rem; }
.pk-section { padding: 3.2rem 0; }
.pk-section > h2 { font-size: 1.6rem; margin-bottom: 1.3rem; }
.about p { color: #c9d1d9; margin-bottom: 1rem; line-height: 1.85; font-family: 'Inter', sans-serif; }
.shot-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.2rem; }
.shot { background: #0d1117; border: 1px solid #21262d; border-radius: 10px; overflow: hidden; }
.shot img { width: 100%; display: block; }
.shot .cap { padding: .7rem .95rem; color: #8b949e; font-size: .84rem; font-family: 'Inter', sans-serif; }
.shot.wide { grid-column: 1 / -1; }
.feature-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); gap: 1.1rem; }
.feature { background: #0d1117; border: 1px solid #21262d; border-left: 3px solid #3fb950; border-radius: 10px; padding: 1.2rem; }
.feature h3 { font-size: 1rem !important; margin-bottom: .4rem; color: #3fb950 !important; display: flex; align-items: center; gap: .5rem; }
.feature p { color: #8b949e; font-size: .9rem; font-family: 'Inter', sans-serif; }
.back-link { display: inline-flex; align-items: center; gap: .5rem; color: #3fb950; text-decoration: none; margin-top: 2.5rem; font-family: 'JetBrains Mono', monospace; }
.back-link:hover { text-decoration: underline; }
@media (max-width: 768px) { .project-header h1 { font-size: 2.1rem; } }