.pkv-page-header{background:linear-gradient(135deg,#3077a6f2,#0f172af2);padding:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,3vw,2.5rem);border-radius:1rem;color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;margin-bottom:clamp(2.5rem,5vw,3.5rem);border:1px solid rgba(255,255,255,.1)}.pkv-page-header:before{content:"";position:absolute;inset:0;opacity:.15;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E');mix-blend-mode:overlay;pointer-events:none}.pkv-page-header__content{position:relative;z-index:1}.pkv-page-header h1{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.pkv-page-header .pkv-subtitle{color:#ffffffe6;max-width:60ch}html.dark .pkv-page-header{background:linear-gradient(135deg,#0f172af2,#020617f2);border-color:#ffffff0d}.pkv-overview-section{margin-bottom:clamp(3rem,6vw,4.5rem)}.pkv-overview-section:last-child{margin-bottom:0}.pkv-overview-section__title{display:flex;align-items:center;gap:.75rem;font-size:clamp(1.25rem,2vw + .5rem,1.75rem);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0 0 clamp(1.5rem,3vw,2.25rem);padding-left:clamp(.75rem,1.5vw,1rem);border-left:3px solid var(--accent);line-height:1.3}.pkv-overview-section__title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent)}.pkv-featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,2.25rem);margin-bottom:clamp(2.5rem,5vw,3.5rem)}.pkv-featured-card{display:flex;align-items:center;gap:clamp(1.25rem,2.5vw,1.75rem);padding:clamp(2rem,4vw,2.75rem);min-height:160px;background:#ffffffd9;background-image:linear-gradient(135deg,#fff6,rgba(var(--accent-rgb),.05));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:1rem;text-decoration:none;color:inherit;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease}html.dark .pkv-featured-card{background:#1e1e1ebf;background-image:linear-gradient(135deg,#1e1e1e66,rgba(var(--accent-rgb),.08));border-color:#ffffff14;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #00000026}.pkv-featured-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--accent),var(--brand-primary-dark));border-radius:.875rem 0 0 .875rem}.pkv-featured-card:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.3);box-shadow:0 2px 4px #0000000f,0 8px 16px rgba(var(--accent-rgb),.1),0 16px 32px #0000000a}html.dark .pkv-featured-card:hover{box-shadow:0 2px 4px #00000040,0 8px 16px rgba(var(--accent-rgb),.15),0 16px 32px #0000001f}.pkv-featured-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pkv-featured-card__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.06));border:1px solid rgba(var(--accent-rgb),.15);color:var(--accent);flex-shrink:0;transition:background .2s ease,border-color .2s ease}.pkv-featured-card__icon svg{width:28px;height:28px}.pkv-featured-card:hover .pkv-featured-card__icon{background:linear-gradient(135deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.1));border-color:rgba(var(--accent-rgb),.25)}.pkv-featured-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.pkv-featured-card__body h2{font-size:clamp(1.125rem,2vw + .25rem,1.375rem);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;letter-spacing:-.02em;transition:color .15s ease}.pkv-featured-card:hover .pkv-featured-card__body h2{color:var(--accent)}.pkv-featured-card__count{font-size:.8125rem;color:var(--text-muted);line-height:1.4}.pkv-featured-card__popular{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.625rem;border-top:1px dashed var(--border);font-size:.75rem;color:var(--text-secondary);line-height:1.4}.pkv-featured-card__popular img{width:24px;height:24px;border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0;background:var(--bg-secondary)}.pkv-featured-card__popular span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pkv-featured-card__cta{position:absolute;bottom:clamp(1.75rem,3.5vw,2.5rem);right:clamp(1.75rem,3.5vw,2.5rem);font-size:.8125rem;font-weight:600;color:var(--accent);white-space:nowrap;transition:color .15s ease,transform .15s ease}.pkv-featured-card:hover .pkv-featured-card__cta{color:var(--accent-hover);transform:translate(4px)}.pkv-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(1.125rem,2.5vw,1.75rem)}.pkv-type-card{display:flex;align-items:center;gap:clamp(1rem,2vw,1.25rem);padding:clamp(1.25rem,2.5vw,1.75rem);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-left:3px solid transparent;border-radius:12px;text-decoration:none;color:inherit;cursor:pointer;box-shadow:0 2px 4px -1px #00000008,0 1px 2px -1px #00000008;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease}html.dark .pkv-type-card{background:#1e1e1ebf;border-color:#ffffff14;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #00000014}.pkv-type-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.25);border-left-color:var(--accent);box-shadow:0 2px 4px #0000000f,0 6px 12px rgba(var(--accent-rgb),.08),0 12px 24px #0000000a}html.dark .pkv-type-card:hover{box-shadow:0 2px 4px #00000040,0 6px 12px rgba(var(--accent-rgb),.12),0 12px 24px #0000001f}.pkv-type-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pkv-type-card__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.06));border:1px solid rgba(var(--accent-rgb),.12);color:var(--accent);flex-shrink:0;transition:background .2s ease,border-color .2s ease}.pkv-type-card__icon svg{width:20px;height:20px}.pkv-type-card:hover .pkv-type-card__icon{background:linear-gradient(135deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.1));border-color:rgba(var(--accent-rgb),.2)}.pkv-type-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.pkv-type-card__body h3{font-size:clamp(.9375rem,1.3vw + .2rem,1.0625rem);font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;transition:color .15s ease}.pkv-type-card:hover .pkv-type-card__body h3{color:var(--accent)}.pkv-type-card__meta{font-size:.75rem;color:var(--text-muted);line-height:1.4}.pkv-trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(1.125rem,2.5vw,1.75rem)}.pkv-trending-pair{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.875rem;padding:clamp(1.5rem,3vw,2.25rem);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 4px -1px #00000008,0 1px 2px -1px #00000008;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease}html.dark .pkv-trending-pair{background:#1e1e1ebf;border-color:#ffffff14;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #00000014}.pkv-trending-pair:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--brand-primary-dark));border-radius:10px 10px 0 0}.pkv-trending-pair:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.25);box-shadow:0 2px 4px #0000000f,0 6px 12px rgba(var(--accent-rgb),.08),0 12px 24px #0000000a}html.dark .pkv-trending-pair:hover{box-shadow:0 2px 4px #00000040,0 6px 12px rgba(var(--accent-rgb),.12),0 12px 24px #0000001f}.pkv-trending-pair:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pkv-trending-pair__names{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.375rem;font-size:clamp(.875rem,1vw + .25rem,.9375rem);line-height:1.4}.pkv-trending-pair__names strong{font-weight:600;color:var(--text-primary);transition:color .15s ease}.pkv-trending-pair:hover .pkv-trending-pair__names strong{color:var(--accent)}.pkv-trending-pair__vs{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .5rem;background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:.6875rem;font-weight:600;font-style:normal;border-radius:9999px;line-height:1.4}.pkv-trending-pair__meta{font-size:.75rem;color:var(--text-muted);line-height:1.4}@keyframes pkv-card-reveal{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pkv-type-card,.pkv-featured-card,.pkv-trending-pair{animation:pkv-card-reveal .4s ease both}.pkv-type-grid>:nth-child(2){animation-delay:.05s}.pkv-type-grid>:nth-child(3){animation-delay:.1s}.pkv-type-grid>:nth-child(4){animation-delay:.15s}.pkv-type-grid>:nth-child(5){animation-delay:.2s}.pkv-type-grid>:nth-child(6){animation-delay:.25s}.pkv-type-grid>:nth-child(n+7){animation-delay:.3s}.pkv-featured-grid>:nth-child(2){animation-delay:.1s}.pkv-trending-grid>:nth-child(2){animation-delay:.05s}.pkv-trending-grid>:nth-child(3){animation-delay:.1s}.pkv-trending-grid>:nth-child(4){animation-delay:.15s}.pkv-trending-grid>:nth-child(n+5){animation-delay:.2s}@media(max-width:640px){.pkv-featured-grid{grid-template-columns:1fr}.pkv-featured-card__cta{position:static;margin-top:.5rem;display:inline-block}.pkv-featured-card__cta:hover{transform:none}}@media(prefers-reduced-motion:reduce){.pkv-type-card,.pkv-featured-card,.pkv-trending-pair{animation:none;transition:none}.pkv-type-card:hover,.pkv-featured-card:hover,.pkv-trending-pair:hover,.pkv-featured-card:hover .pkv-featured-card__cta{transform:none}.pkv-featured-card__icon,.pkv-type-card__icon,.pkv-featured-card__body h2,.pkv-type-card__body h3,.pkv-trending-pair__names strong,.pkv-featured-card__cta{transition:none}}