:root { --accent: #ff6a00; }
html,body { scroll-behavior:smooth; }
.badge { border:1px solid rgba(255,255,255,.12); border-radius:.5rem; padding:.15rem .5rem; font-size:.75rem; color:rgba(255,255,255,.8); display:inline-flex; gap:.35rem; align-items:center; }
.card { background: rgba(0,0,0,.6); border: 1px solid rgba(255,255,255,.12); border-radius:1rem; overflow:hidden; }
.card img { width:100%; height:14rem; object-fit:cover; }
.btn { display:inline-flex; align-items:center; gap:.4rem; background: var(--accent); color:#000; font-weight:600; padding:.6rem .9rem; border-radius:.75rem; }
.btn-outline { background:transparent; color:#fff; border:1px solid rgba(255,255,255,.2); }
.footer-link { color: rgba(255,255,255,.8); }
.footer-link:hover { color: #fff; }