.resource-hub-hero,.resource-section-dark{background:linear-gradient(135deg,hsl(var(--primary)),#09235d);position:relative;overflow:hidden}.resource-section-dark:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent 0%,hsl(var(--background)) 100%);pointer-events:none;z-index:5}.resource-section-light{position:relative}.resource-section-dark:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to top,transparent 0%,hsl(var(--background)) 100%);pointer-events:none;z-index:5}.resource-hub-hero{min-height:50vh}.resource-hub-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,hsla(var(--accent) / .15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,hsla(var(--destructive) / .1) 0%,transparent 50%);pointer-events:none}.resource-search-input{background:hsl(var(--card));border:2px solid transparent;transition:all .3s ease}.resource-search-input:focus{border-color:hsl(var(--destructive));box-shadow:0 0 0 4px hsla(var(--destructive) / .1)}.category-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:.75rem;background:hsl(var(--card));border:2px solid transparent;cursor:pointer;transition:all .3s ease;min-width:60px;position:relative}@media (min-width: 640px){.category-tab{gap:.5rem;padding:1rem;border-radius:1rem;min-width:100px}}.category-tab:hover{border-color:hsl(var(--border));box-shadow:0 4px 12px hsla(var(--foreground) / .1)}.category-tab.active{border-color:var(--tab-color, hsl(var(--muted-foreground)));background:color-mix(in srgb,var(--tab-color, hsl(var(--muted-foreground))) 8%,transparent)}.category-tab.active:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--tab-color, hsl(var(--muted-foreground)))}.category-tab.active .category-tab-icon{background:var(--tab-color, hsl(var(--muted-foreground)));color:#fff}.category-tab-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tab-color, hsl(var(--muted-foreground))) 15%,transparent);color:var(--tab-color, hsl(var(--muted-foreground)));transition:all .3s ease}@media (min-width: 640px){.category-tab-icon{width:48px;height:48px}}.category-tab:hover .category-tab-icon{background:color-mix(in srgb,var(--tab-color, hsl(var(--muted-foreground))) 25%,transparent)}.category-tab-label{font-size:.7rem;font-weight:500;color:hsl(var(--foreground))}@media (min-width: 640px){.category-tab-label{font-size:.875rem}}.category-tab[data-category=all]{--tab-color: hsl(var(--muted-foreground))}.category-tab[data-category=blogs]{--tab-color: hsl(142 71% 45%)}.category-tab[data-category=infographics]{--tab-color: hsl(328 85% 55%)}.category-tab[data-category=templates]{--tab-color: hsl(186 75% 45%)}.category-tab[data-category=videos]{--tab-color: hsl(25 95% 53%)}.category-tab[data-category=guides]{--tab-color: hsl(265 75% 55%)}.category-tab[data-category=calculators]{--tab-color: hsl(45 93% 47%)}@keyframes constellation-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}@keyframes constellation-float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}@keyframes constellation-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}@keyframes particle-twinkle{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:.7;transform:scale(1.1)}}