.page-hero{padding:8rem 3.5rem 4rem;position:relative;z-index:1;text-align:center}
.page-hero h1{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:1rem}
.page-hero p{font-size:1.05rem;color:var(--muted);max-width:480px;margin:0 auto}
.filter-bar{display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem}
.filter-btn{font-family:'Nunito',sans-serif;font-size:0.78rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.38rem 1rem;border-radius:100px;border:1px solid var(--border2);background:var(--glass-bg);backdrop-filter:blur(12px);color:var(--muted);cursor:none;transition:all 0.2s}
.filter-btn:hover,.filter-btn.active{color:var(--orange);border-color:var(--orange-border);background:var(--orange-dim)}
.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.25rem}
.sc-card{text-decoration:none;display:block;border-radius:var(--radius-lg);overflow:hidden;cursor:none}
.sc-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;transition:transform 0.4s}.sc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sc-card:hover .sc-thumb{transform:scale(1.04)}
.t-orange{background:linear-gradient(135deg,#ff8c3a 0%,#e05a10 100%)}
.t-gold{background:linear-gradient(135deg,#d4a02a 0%,#a06010 100%)}
.t-blue{background:linear-gradient(135deg,#3a6cd4 0%,#1a3a8a 100%)}
.t-dark{background:linear-gradient(135deg,#2a2a28 0%,#111110 100%)}
.t-teal{background:linear-gradient(135deg,#2ab8a0 0%,#0a6858 100%)}
.t-amber{background:linear-gradient(135deg,#d4882a 0%,#8a4408 100%)}
.thumb-glow{position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,0.15) 0%,transparent 60%);pointer-events:none}
.sc-info{padding:1.4rem 1.6rem}
.sc-name{font-family:'Nunito',sans-serif;font-weight:800;font-size:1.05rem;margin-bottom:0.4rem;color:var(--text);transition:color 0.2s}
.sc-card:hover .sc-name{color:var(--orange)}
.sc-desc{font-size:0.83rem;color:var(--muted);line-height:1.62;margin-bottom:0.9rem}
.sc-footer{display:flex;align-items:center;justify-content:space-between}
.sc-type{font-size:0.67rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.2rem 0.6rem;border-radius:100px}
.sc-owner{font-size:0.73rem;color:var(--muted2);display:flex;align-items:center;gap:5px}
.sc-owner i{font-size:0.65rem;color:var(--orange)}
.tp-games,.tp-ai,.tp-proxy,.tp-tool,.tp-soon{background:var(--orange-dim);color:var(--orange);border:1px solid var(--orange-border)}