.categoriesPage{background:radial-gradient(circle at 88% 2%,rgba(76,29,149,.2),transparent 29%),radial-gradient(circle at 8% 52%,rgba(30,64,175,.08),transparent 25%),#071019}.categoriesContent{padding:38px 0 64px}.categoriesIntro{margin-bottom:30px}.categoriesIntro h1{margin:0 0 10px;font-size:clamp(2.25rem,4vw,3.8rem);line-height:1;letter-spacing:-.035em}.categoriesIntro p,.trendingHeader p{margin:0;color:#aebbd0}.categoriesIntro p{font-size:1.05rem}.categoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.categoryCard{position:relative;min-width:0;aspect-ratio:3/2;overflow:hidden;border:1px solid #2a3950;border-radius:16px;background:#101a29;box-shadow:0 18px 44px rgba(0,0,0,.18);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.categoryCard--empty{background:radial-gradient(circle at 75% 20%,rgba(139,92,246,.2),transparent 38%),linear-gradient(145deg,#162236,#0c1522)}.categoryCardImage{object-fit:cover;transition:transform .3s ease}.categoryCardShade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,8,16,.96) 0,rgba(4,10,20,.42) 48%,rgba(4,10,20,.05) 78%)}.categoryCardContent{position:absolute;right:20px;bottom:18px;left:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.categoryCardContent h3{margin:0 0 5px;font-size:1.28rem;line-height:1}.categoryCardContent p{margin:0;color:#cbd5e1;font-size:.9rem}.categoryArrow{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid #8b5cf6;border-radius:999px;background:rgba(76,29,149,.34);color:#f5f3ff;font-size:1.25rem;transition:background .2s ease,border-color .2s ease,transform .2s ease}.categoryCard:hover{border-color:#7656ad;box-shadow:0 20px 50px rgba(40,18,76,.28);transform:translateY(-2px)}.categoryCard:hover .categoryCardImage{transform:scale(1.035)}.categoryCard:hover .categoryArrow{border-color:#c4b5fd;background:rgba(109,40,217,.58);transform:translateX(2px)}.trendingCategories{margin-top:38px}.trendingHeader{margin-bottom:16px}.trendingHeader h2{margin:0 0 5px;font-size:1.35rem}.trendingHeader p{font-size:.95rem}.trendingList{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:14px;gap:14px;margin:0;padding:0;list-style:none}.trendingList li{min-width:0}.trendingPill{display:flex;min-width:0;min-height:58px;align-items:center;gap:12px;padding:7px 14px 7px 8px;border:1px solid #243247;border-radius:999px;background:rgba(15,25,42,.84);color:#f1f5f9;font-size:.9rem;font-weight:650}.trendingPill:focus-visible,.trendingPill:hover{border-color:#7656ad}.categoryCard:focus-visible,.trendingPill:focus-visible{outline:2px solid #c4b5fd;outline-offset:3px}.trendingThumbnail{position:relative;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border:1px solid #3a4961;border-radius:999px;background:#101a29}.trendingThumbnail img{object-fit:cover}.categoriesEmpty{display:grid;min-height:280px;place-items:center;border:1px dashed #314158;border-radius:18px;color:#94a3b8;text-align:center}.categoriesEmpty h1{margin:0 0 10px;color:#f8fafc}.categoriesEmpty p{margin:0}@media (max-width:1100px){.categoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.trendingList{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:700px){.categoriesContent{padding:26px 0 44px}.categoriesIntro{margin-bottom:24px}.categoriesIntro p{font-size:.95rem;line-height:1.55}.categoryGrid{grid-template-columns:1fr;gap:14px}.categoryCard{aspect-ratio:16/10}.trendingCategories{margin-top:32px}.trendingList{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trendingPill{min-height:54px;gap:9px;padding-right:10px}.trendingThumbnail{width:40px;height:40px;flex-basis:40px}}@media (max-width:390px){.trendingList{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.categoryArrow,.categoryCard,.categoryCardImage{transition:none}}