.examples-hero[data-astro-cid-hbbm5icc]{background:oklch(.14 .045 245);padding:5rem 1rem 4rem;text-align:center}.examples-hero[data-astro-cid-hbbm5icc] h1[data-astro-cid-hbbm5icc]{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;margin-bottom:1rem}.examples-hero[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]{font-family:var(--font-body);font-size:1.125rem;color:#96a7b7;max-width:560px;margin:0 auto}.accent[data-astro-cid-hbbm5icc]{color:oklch(.78 .17 38)}.filter-bar[data-astro-cid-hbbm5icc]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:2.5rem 1rem 0;max-width:900px;margin:0 auto}.filter-btn[data-astro-cid-hbbm5icc]{padding:.45rem 1.1rem;border-radius:9999px;border:1px solid oklch(.3 .05 245);background:transparent;color:#83919e;font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.filter-btn[data-astro-cid-hbbm5icc]:hover,.filter-btn[data-astro-cid-hbbm5icc].active{background:#fd6a3a;border-color:#fd6a3a;color:#fff}.gallery-section[data-astro-cid-hbbm5icc]{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 5rem}.gallery-grid[data-astro-cid-hbbm5icc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.75rem}.template-card[data-astro-cid-hbbm5icc]{border-radius:16px;overflow:hidden;background:#021322;border:1px solid oklch(.25 .05 245);transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.template-card[data-astro-cid-hbbm5icc]:hover{transform:translateY(-4px);box-shadow:0 12px 40px oklch(.1 .04 245 / .6);border-color:#fd6a3a80}.template-card[data-astro-cid-hbbm5icc].hidden{display:none}.card-img-wrap[data-astro-cid-hbbm5icc]{position:relative;overflow:hidden;aspect-ratio:284 / 300;background:oklch(.12 .04 245)}.card-img-wrap[data-astro-cid-hbbm5icc] img[data-astro-cid-hbbm5icc]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.template-card[data-astro-cid-hbbm5icc]:hover .card-img-wrap[data-astro-cid-hbbm5icc] img[data-astro-cid-hbbm5icc]{transform:scale(1.04)}.card-overlay[data-astro-cid-hbbm5icc]{position:absolute;inset:0;background:oklch(.1 .04 245 / .65);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.template-card[data-astro-cid-hbbm5icc]:hover .card-overlay[data-astro-cid-hbbm5icc]{opacity:1}.overlay-btn[data-astro-cid-hbbm5icc]{padding:.6rem 1.4rem;border-radius:9999px;background:#fd6a3a;color:#fff;font-family:var(--font-body);font-size:.875rem;font-weight:700;text-decoration:none;transition:background .15s}.overlay-btn[data-astro-cid-hbbm5icc]:hover{background:#eb5927}.card-body[data-astro-cid-hbbm5icc]{padding:1.1rem 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.card-name[data-astro-cid-hbbm5icc]{font-family:var(--font-display);font-size:1rem;font-weight:700;color:#fff}.card-tag[data-astro-cid-hbbm5icc]{font-family:var(--font-body);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:oklch(.78 .17 38)}.card-demo-link[data-astro-cid-hbbm5icc]{margin-top:auto;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:#7a8895;text-decoration:none;transition:color .15s}.card-demo-link[data-astro-cid-hbbm5icc]:hover{color:oklch(.78 .17 38)}.cta-banner[data-astro-cid-hbbm5icc]{background:oklch(.14 .045 245);border-top:1px solid oklch(.22 .045 245);padding:5rem 1.5rem;text-align:center}.cta-banner[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:#fff;margin-bottom:1rem}.cta-banner[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]{font-family:var(--font-body);font-size:1.05rem;color:#899baa;max-width:500px;margin:0 auto 2rem}.cta-btn[data-astro-cid-hbbm5icc]{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2.2rem;border-radius:12px;background:#fd6a3a;color:#fff;font-family:var(--font-body);font-size:1rem;font-weight:700;text-decoration:none;box-shadow:0 4px 20px #fd6a3a66;transition:transform .2s,box-shadow .2s}.cta-btn[data-astro-cid-hbbm5icc]:hover{transform:translateY(-2px);box-shadow:0 8px 28px #fd6a3a80}