.site-header{top:0!important}.categories-page{background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:calc(72px + 3rem) 2rem 4rem;display:flex}.categories-header{text-align:center;margin-bottom:4rem}.categories-header h1{font-family:var(--font-display);color:#fff;letter-spacing:4px;text-transform:uppercase;opacity:0;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:400;animation:.8s .3s forwards catFadeIn;transform:translateY(20px)}.categories-header p{font-family:var(--font-body);color:#ffffff80;letter-spacing:1px;opacity:0;font-size:1rem;animation:.8s .5s forwards catFadeIn;transform:translateY(12px)}@keyframes catFadeIn{to{opacity:1;transform:translateY(0)}}.categories-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;width:100%;max-width:960px;display:grid}.category-card{color:#fff;opacity:0;border-radius:16px;justify-content:center;align-items:center;padding:3px;text-decoration:none;animation:.7s forwards catFadeIn;display:flex;position:relative;transform:translateY(30px)}.category-card:first-child{animation-delay:.6s}.category-card:nth-child(2){animation-delay:.8s}.category-card:nth-child(3){animation-delay:1s}@property --cat-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes cat-glow-rotate{to{--cat-angle:360deg}}.category-card:before{content:"";background:conic-gradient(from var(--cat-angle), #ffffff0d 0%, #fff6 20%, #ffffffe6 25%, #fff6 30%, #ffffff0d 50%, #fff6 70%, #ffffffe6 75%, #fff6 80%, #ffffff0d 100%);-webkit-mask-composite:xor;pointer-events:none;opacity:.6;border-radius:16px;padding:2px;transition:opacity .4s;animation:4s linear infinite cat-glow-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.category-card:hover:before{opacity:1}.card-glow{opacity:0;pointer-events:none;z-index:-1;background:radial-gradient(#ffffff0f 0%,#0000 70%);border-radius:24px;transition:opacity .5s;position:absolute;inset:-20px}.category-card:hover .card-glow{opacity:1}.card-content{text-align:center;background:#0a0a0af2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;width:100%;min-height:320px;padding:3rem 2rem;transition:background .4s;display:flex}.category-card:hover .card-content{background:#141414f2}.card-icon{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:all .4s;display:flex}.category-card:hover .card-icon{color:#fff;background:#ffffff14;border-color:#ffffff40;transform:scale(1.08)}.card-content h2{font-family:var(--font-display);letter-spacing:4px;text-transform:uppercase;color:#fff;font-size:1.5rem;font-weight:400}.card-content p{color:#ffffff73;max-width:220px;font-size:.85rem;line-height:1.6}.card-cta{letter-spacing:2px;text-transform:uppercase;color:#ffffff80;border:1px solid #ffffff26;border-radius:999px;margin-top:.5rem;padding:.5rem 1.5rem;font-size:.75rem;font-weight:600;transition:all .3s}.category-card:hover .card-cta{color:#fff;background:#ffffff14;border-color:#ffffff80}@media (width<=768px){.categories-grid{grid-template-columns:1fr;gap:1.5rem;max-width:400px}.card-content{min-height:260px;padding:2.5rem 1.5rem}}