:root{--v6-blue: 43, 140, 238;--v6-purple: 124, 58, 237;--v6-amber: 245, 158, 11}@property --v6-shimmer-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes v6ShimmerRotate{to{--v6-shimmer-angle: 360deg}}.guides-hero-bg{background:linear-gradient(135deg,#eff6fff2,#eef2ffd9 40%,#fefce880)}:is(.dark) .guides-hero-bg{background:linear-gradient(135deg,#0f172af2,#161230d9 40%,#0f172ae6)}.guides-gradient-text{background:linear-gradient(135deg,#2b8cee,#7c3aed,#2b8cee);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:guidesGradientFlow 5s ease-in-out infinite}:is(.dark) .guides-gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa,#60a5fa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes guidesGradientFlow{0%,to{background-position:0% center}50%{background-position:200% center}}.guides-filter-panel{position:relative;background:linear-gradient(135deg,#f8faffd9,#f5f3ffbf,#f8faffd9)}:is(.dark) .guides-filter-panel{background:linear-gradient(135deg,#0f172ad9,#161230bf,#0f172ad9)}.guides-filter-panel:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--v6-shimmer-angle, 0deg),transparent 0%,rgba(var(--v6-blue),.2) 10%,transparent 20%,transparent 50%,rgba(var(--v6-purple),.15) 60%,transparent 70%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:v6ShimmerRotate 12s linear infinite;pointer-events:none;z-index:0}.guides-card{position:relative;isolation:isolate;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(var(--v6-blue),.03),0 4px 12px -4px #0000000a}:is(.dark) .guides-card{box-shadow:0 1px 2px #0000001f,0 4px 12px -4px #0003}.guides-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(var(--v6-blue),.5),rgba(var(--v6-purple),.35),rgba(var(--v6-blue),.25));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.guides-card:hover:before{opacity:1}.guides-card:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 6px 20px -4px rgba(var(--v6-blue),.14),0 14px 36px -10px #00000014,inset 0 1px #ffffff1a}:is(.dark) .guides-card:hover{box-shadow:0 6px 20px -4px rgba(var(--v6-blue),.2),0 14px 36px -10px #00000059,inset 0 1px #ffffff0a}.guides-card:after{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,rgba(var(--v6-blue),.15),rgba(var(--v6-purple),.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.guides-card:hover:after{opacity:1}.guides-featured-card{background:radial-gradient(ellipse 300px 200px at 15% 50%,rgba(43,140,238,.15),transparent),radial-gradient(ellipse 250px 180px at 85% 30%,rgba(124,58,237,.1),transparent),linear-gradient(135deg,#2b8cee,#1d4ed8,#7c3aed)}.guides-stat-card{background:linear-gradient(135deg,#f8faffb3,#f5f3ff80);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:is(.dark) .guides-stat-card{background:linear-gradient(135deg,#0f172ab3,#16123080)}.guides-category-item{transition:all .2s ease}.guides-category-item:hover{transform:translate(4px);box-shadow:0 2px 8px -2px rgba(var(--v6-blue),.1)}@keyframes guidesDotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes guidesMeshPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes guidesRingPulse{0%{transform:translate(-50%,-50%) scale(.85);opacity:.6}70%{opacity:0}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.guides-deferred-fade{animation:guidesDeferredFade .6s ease-out both}@keyframes guidesDeferredFade{0%{opacity:0}to{opacity:1}}@media(max-width:767px){.guides-card:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.guides-gradient-text,.guides-filter-panel:before,.guides-deferred-fade{animation:none!important}.guides-card:hover,.guides-category-item:hover{transform:none}}
