:root {
  --pph-primary:#5b4cf0; --pph-primary-dark:#4438ca; --pph-accent:#f59e0b;
  --pph-ink:#111827; --pph-muted:#6b7280; --pph-bg:#f7f8fc; --pph-surface:#fff;
  --pph-border:#e5e7eb; --pph-soft:#eef2ff; --pph-success:#16a34a;
  --pph-radius:18px; --pph-shadow:0 6px 24px rgba(17,24,39,.06); --pph-shadow-hover:0 18px 44px rgba(17,24,39,.12);
}
html{scroll-behavior:smooth} body{color:var(--pph-ink);background:var(--pph-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--pph-primary);text-decoration:none} a:hover{color:var(--pph-primary-dark)}
.btn-primary{--bs-btn-bg:var(--pph-primary);--bs-btn-border-color:var(--pph-primary);--bs-btn-hover-bg:var(--pph-primary-dark);--bs-btn-hover-border-color:var(--pph-primary-dark);--bs-btn-active-bg:var(--pph-primary-dark);--bs-btn-active-border-color:var(--pph-primary-dark)}
.btn{border-radius:12px;font-weight:650}.form-control,.form-select{border-radius:12px;border-color:#dfe3ea;min-height:46px}.form-control:focus,.form-select:focus{border-color:#8b82f6;box-shadow:0 0 0 .22rem rgba(91,76,240,.12)}
:focus-visible{outline:3px solid rgba(91,76,240,.38);outline-offset:2px}
.site-header{backdrop-filter:saturate(180%) blur(16px);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(229,231,235,.9)}.site-header .navbar{min-height:72px}.site-header .navbar-brand{font-size:1.28rem;color:var(--pph-ink)}.brand-accent{color:var(--pph-primary)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--pph-primary),#8b5cf6);color:#fff;box-shadow:0 8px 20px rgba(91,76,240,.24)}.site-header .nav-link{color:#374151;font-weight:650;padding:.65rem .75rem!important;border-radius:10px}.site-header .nav-link:hover,.site-header .nav-link.active{color:var(--pph-primary);background:var(--pph-soft)}
.search-form{min-width:300px}.search-input{border-radius:999px 0 0 999px;border-right:0;background:#f9fafb}.search-btn{border-radius:0 999px 999px 0;padding-inline:18px}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--pph-border);border-radius:14px;box-shadow:var(--pph-shadow-hover);z-index:1080;max-height:440px;overflow:auto}.suggestion-item{display:flex;align-items:center;gap:10px;padding:11px 14px;color:var(--pph-ink);border-bottom:1px solid #f0f1f4}.suggestion-item:hover,.suggestion-item.active{background:var(--pph-soft)}.suggestion-group{padding:9px 14px 5px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--pph-muted)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(139,92,246,.18),transparent 32%),radial-gradient(circle at 88% 20%,rgba(245,158,11,.13),transparent 28%),linear-gradient(180deg,#fff 0%,#f5f6ff 100%);border-bottom:1px solid var(--pph-border);padding:74px 0}.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-240px;bottom:-260px;background:rgba(91,76,240,.06)}.hero h1{font-weight:850;letter-spacing:-.04em;line-height:1.04}.hero .lead{color:var(--pph-muted);max-width:700px}.hero-search{max-width:650px;background:#fff;border:1px solid var(--pph-border);padding:8px;border-radius:18px;box-shadow:var(--pph-shadow)}.hero-search .form-control{border:0;box-shadow:none;min-height:52px}.hero-search .btn{border-radius:13px;padding-inline:24px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:44px 0 18px}.section-kicker{color:var(--pph-primary);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;margin-bottom:5px}.section-title{font-weight:800;letter-spacing:-.025em;margin:0}.view-all{font-size:.9rem;font-weight:700;white-space:nowrap}.page-hero{padding:54px 0 42px;background:linear-gradient(180deg,#fff,#f5f6ff);border-bottom:1px solid var(--pph-border)}.page-hero h1{font-weight:850;letter-spacing:-.035em}.page-shell{padding:34px 0 10px}
.filter-bar{background:#fff;border:1px solid var(--pph-border);border-radius:16px;padding:14px;box-shadow:var(--pph-shadow)}.filter-bar .form-control,.filter-bar .form-select{min-height:42px}.result-count{color:var(--pph-muted);font-size:.9rem}.chip-row{display:flex;gap:9px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--pph-border);color:#374151;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:650}.filter-chip:hover,.filter-chip.active{background:var(--pph-soft);border-color:#c7d2fe;color:var(--pph-primary)}
.kpi-panel{background:#111827;color:#fff;border-radius:24px;padding:28px;box-shadow:0 20px 50px rgba(17,24,39,.16)}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kpi{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}.kpi strong{display:block;font-size:1.8rem;line-height:1.1}.kpi span{font-size:.78rem;color:#cbd5e1}.trust-strip{display:flex;flex-wrap:wrap;gap:18px;color:var(--pph-muted);font-size:.86rem}.trust-strip span{display:flex;align-items:center;gap:7px}.trust-strip i{color:var(--pph-success)}
.site-footer{background:#111827;color:#fff}.site-footer a{color:#d1d5db}.site-footer a:hover{color:#fff}.footer-links li{margin-bottom:9px}.footer-affiliate-note{background:rgba(245,158,11,.1)!important;border-color:rgba(245,158,11,.25)!important;color:#fde68a!important}.trust-row{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem;color:#d1d5db}.trust-row span{display:flex;align-items:center;gap:6px}
.breadcrumb{font-size:.84rem}.breadcrumb-item+.breadcrumb-item:before{color:#9ca3af}.detail-hero{background:#fff;border-bottom:1px solid var(--pph-border);padding:34px 0}.detail-title{font-weight:850;letter-spacing:-.035em}.detail-subtitle{color:var(--pph-muted)}.detail-image-panel{background:#fff;border:1px solid var(--pph-border);border-radius:22px;padding:24px;box-shadow:var(--pph-shadow)}.detail-image-panel img{width:100%;height:430px;object-fit:contain}.detail-sidebar{position:sticky;top:96px}.social-pills{display:flex;flex-wrap:wrap;gap:8px}.social-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--pph-border);font-size:.82rem;font-weight:650;color:#374151}.social-pill:hover{background:var(--pph-soft);color:var(--pph-primary)}
.marketplace-offer{background:#fff;border:1px solid var(--pph-border);border-radius:16px;padding:16px}.marketplace-offer+.marketplace-offer{margin-top:10px}.offer-price{font-size:1.28rem;font-weight:800}.offer-meta{font-size:.78rem;color:var(--pph-muted)}.creator-recommendation{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--pph-border);border-radius:16px;padding:15px}.creator-recommendation img{width:54px;height:54px;border-radius:50%;object-fit:cover}.creator-recommendation .creator-name{font-weight:750;color:var(--pph-ink)}
.content-block{background:#fff;border:1px solid var(--pph-border);border-radius:18px;padding:22px;box-shadow:var(--pph-shadow)}.prose{color:#374151;line-height:1.75}.prose h2,.prose h3{color:var(--pph-ink);font-weight:800}.legal-page{max-width:860px}.legal-page h1{font-weight:850}.legal-page h2{font-size:1.3rem;margin-top:2rem}.legal-page p,.legal-page li{color:#4b5563;line-height:1.75}