.csp{background:var(--color-bg)}.csp-hero{position:relative;padding:clamp(3rem,6vw,5rem) 0 clamp(2rem,4vw,3rem);overflow:hidden}.csp-hero-bg{position:absolute;inset:0;z-index:0}.csp-hero-gradient{position:absolute;inset:0;background:linear-gradient(160deg,#faf9fc,#f0ebf8 40%,#e8e0f4 70%,#faf9fc)}.csp-hero-pattern{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(circle at 20% 30%,rgba(107,33,168,.06) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(192,38,211,.05) 0,transparent 50%),radial-gradient(circle at 50% 10%,rgba(6,182,212,.04) 0,transparent 50%)}.csp-hero-content{position:relative;z-index:1;max-width:740px;margin:0 auto;text-align:center}.csp-hero-desc{font-size:clamp(1rem,2vw,1.15rem);color:var(--color-text-secondary);line-height:1.7;margin-bottom:2rem;max-width:620px;margin-left:auto;margin-right:auto}.csp-stats{display:inline-flex;align-items:center;gap:1.5rem;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 2rem}.csp-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.csp-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary);line-height:1}.csp-stat-label{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.csp-stat-divider{width:1px;height:28px;background:var(--color-border)}.csp-filters-section{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:.875rem 0}.csp-filters{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.csp-search-wrap{position:relative;flex:0 0 260px}.csp-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.csp-search{padding-left:2.5rem!important;font-size:.875rem;height:40px}.csp-category-tabs{display:flex;flex-wrap:wrap;gap:.5rem;flex:1 1}.csp-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:20px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.csp-tab:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-primary-bg)}.csp-tab--active{background:var(--color-primary);color:#ffffff;border-color:var(--color-primary)}.csp-tab--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#ffffff}.csp-grid-section{background:var(--color-bg-subtle)}.csp-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.75rem;gap:1.75rem}.csp-card--featured{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}.csp-card--featured .csp-card-thumb{border-radius:var(--radius-lg) 0 0 var(--radius-lg);min-height:360px}.csp-card--featured .csp-card-body{padding:2rem 2.25rem}.csp-card--featured .csp-card-title{font-size:1.375rem}.csp-card--featured .csp-card-metrics{grid-template-columns:repeat(4,1fr)}.csp-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-muted)}.csp-empty svg{margin-bottom:1rem;opacity:.4}.csp-empty h3{font-family:var(--font-body);font-size:1.25rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.csp-empty p{font-size:.9375rem}.csp-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column;position:relative}.csp-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--card-accent,var(--color-primary))}.csp-card:hover{border-color:var(--color-border-dark);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.csp-card-thumb{position:relative;overflow:hidden;background:var(--color-bg-muted);aspect-ratio:16/9}.csp-card--featured .csp-card-thumb{aspect-ratio:unset}.csp-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-smooth)}.csp-card:hover .csp-card-thumb img{transform:scale(1.04)}.csp-card-thumb-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(26,26,46,.06));pointer-events:none}.csp-card-body{padding:1.5rem 1.5rem 1.75rem;display:flex;flex-direction:column;flex:1 1}.csp-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.875rem}.csp-card-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.25rem .625rem;border-radius:12px;white-space:nowrap}.csp-card-industry{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--color-text-muted)}.csp-card-title{font-family:var(--font-body);font-size:1.125rem;font-weight:600;line-height:1.35;margin-bottom:.5rem}.csp-card-title a{color:var(--color-text);transition:color var(--transition-fast)}.csp-card-title a:hover{color:var(--color-primary)}.csp-card-subtitle{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.csp-card-metrics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.625rem;gap:.625rem;margin-bottom:1rem}.csp-card-metric{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.75rem .5rem;background:var(--color-bg-subtle);border-radius:var(--radius-md);text-align:center;transition:background var(--transition-fast)}.csp-card:hover .csp-card-metric{background:var(--color-bg-muted)}.csp-card-metric-icon{margin-bottom:.15rem}.csp-card-metric-icon,.csp-card-metric-value{color:var(--card-accent,var(--color-primary))}.csp-card-metric-value{font-size:1.125rem;font-weight:700;line-height:1}.csp-card-metric-label{font-size:.6875rem;color:var(--color-text-muted);line-height:1.3}.csp-card-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.csp-card-detail{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--color-text-muted)}.csp-card-detail svg{opacity:.7}.csp-card-excerpt{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:1.25rem}.csp-card-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-primary);transition:all var(--transition-fast);margin-top:auto}.csp-card-link:hover{gap:.75rem;color:var(--color-primary-dark)}.csp-cta{background:var(--color-bg)}.csp-cta-inner{text-align:center;max-width:600px;margin:0 auto;padding:3rem 2rem;background:var(--gradient-purple-light);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.csp-cta-inner h2{margin-bottom:.75rem}.csp-cta-inner p{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.csp-cta-inner .btn{display:inline-flex;gap:.5rem}@media (max-width:1200px){.csp-card--featured .csp-card-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.csp-card--featured{grid-template-columns:1fr}.csp-card--featured .csp-card-thumb{border-radius:var(--radius-lg) var(--radius-lg) 0 0;min-height:auto;aspect-ratio:16/9}.csp-card--featured .csp-card-body{padding:1.5rem}.csp-card--featured .csp-card-metrics{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.csp-grid{grid-template-columns:1fr;gap:1.25rem}.csp-card--featured .csp-card-metrics{grid-template-columns:repeat(2,1fr)}.csp-filters{flex-direction:column;gap:.75rem}.csp-search-wrap{flex:1 1 100%;width:100%}.csp-category-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.csp-stats{gap:1rem;padding:.875rem 1.5rem}.csp-stat-value{font-size:1.25rem}}@media (max-width:640px){.csp-card-body{padding:1.25rem 1.25rem 1.5rem}.csp-card-metrics{gap:.5rem}.csp-card-metric{padding:.625rem .375rem}.csp-card-metric-value{font-size:1rem}.csp-stats{flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem}.csp-stat-divider{width:40px;height:1px}.csp-cta-inner{padding:2rem 1.25rem}}@media (prefers-reduced-motion:reduce){.csp-card:hover,.csp-card:hover .csp-card-thumb img{transform:none}}