.category-grid{gap:.88rem}
.category-card{position:relative;isolation:isolate;min-height:150px;padding:1.1rem 1.15rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--universe-accent) 16%,#e9e6e2);border-radius:1.15rem;background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--universe-accent) 4%,#fff) 100%);box-shadow:0 5px 18px rgba(35,25,48,.025);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.category-card:before{position:absolute;z-index:0;top:-48px;right:-28px;width:132px;height:132px;border:1px solid color-mix(in srgb,var(--universe-accent) 28%,transparent);border-radius:48% 52% 62% 38%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--universe-accent) 10%,transparent) 0 34%,transparent 35%);content:"";transform:rotate(-16deg);transition:transform .35s ease,border-color .22s ease}
.category-card:after{position:absolute;z-index:0;right:-31px;bottom:-58px;width:144px;height:122px;border-radius:54% 46% 0 0;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--universe-accent) 21%,white) 0 20%,color-mix(in srgb,var(--universe-accent) 13%,white) 21% 48%,transparent 70%);content:"";filter:blur(1px);transition:transform .35s ease,opacity .22s ease}
.category-card-1:before{border-radius:40% 60% 48% 52%;transform:rotate(12deg) scale(.92)}
.category-card-2:before{border-radius:58% 42% 36% 64%;transform:rotate(-4deg) scale(1.06)}
.category-card-3:before{border-radius:48% 52% 62% 38%;transform:rotate(18deg) scale(.96)}
.category-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--universe-accent) 48%,white);box-shadow:0 16px 34px color-mix(in srgb,var(--universe-accent) 13%,transparent)}
.category-card:hover:before{transform:rotate(0) scale(1.08);border-color:color-mix(in srgb,var(--universe-accent) 46%,transparent)}
.category-card:hover:after{transform:translate(-5px,-4px) scale(1.08)}
.category-index{color:color-mix(in srgb,var(--brand) 88%,#6f5a81);font-size:.67rem;letter-spacing:.12em}
.category-name{z-index:1;max-width:calc(100% - 1.5rem);margin-top:auto;font-size:1.12rem;line-height:1.22}
.category-name:before{display:block;width:30px;height:2px;margin:0 0 .72rem;border-radius:2px;background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--universe-accent) 60%,white));content:"";opacity:.72}
.category-arrow{z-index:2;right:1rem;bottom:1rem;display:grid;place-items:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--universe-accent) 23%,white);border-radius:50%;background:rgba(255,255,255,.76);transition:transform .22s ease,background .22s ease}
.category-card:hover .category-arrow{transform:translate(2px,-2px);background:#fff}
@media(max-width:700px){.category-grid{gap:.65rem}.category-card{min-height:132px;padding:.9rem}.category-name{font-size:1rem}.category-name:before{margin-bottom:.55rem}.category-arrow{right:.75rem;bottom:.75rem;width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.category-card,.category-card:before,.category-card:after,.category-arrow{transition:none}}