:root { --accent: #10b981; }
.progress { margin: .5rem 0 1rem; background: #1f2937; border-radius: 8px; height: 12px; overflow: hidden; }
.progress > span { display:block; height:100%; background: linear-gradient(90deg, #10b981, #60a5fa); width: var(--p, 0%); transition: width .4s ease; }
.badge { display:inline-block; padding: .15rem .5rem; border: 1px solid #374151; border-radius: 999px; font-size: .8rem; color: #9ca3af; }
.gallery { display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .5rem; }
.gallery img { width:100%; height:140px; object-fit:cover; border-radius: 8px; border: 1px solid #334155; }
.video { position: relative; padding-bottom: 56.25%; height: 0; border: 1px solid #334155; border-radius: 8px; overflow: hidden; }
.video iframe, .video video { position: absolute; inset:0; width:100%; height:100%; }