.categories-modern{margin-bottom:3rem}.section-title-modern{font-size:1.75rem;font-weight:700;color:#fff;margin:0;padding-bottom:.75rem;position:relative;display:inline-block}.section-title-modern::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,red,gold);border-radius:2px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.category-card-modern{position:relative;height:100px;border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.05);background:rgba(10,10,10,.6);--category-color:#e50914}.category-card-modern::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--category-color),transparent);opacity:.55;transition:opacity .3s ease,height .3s ease,box-shadow .3s ease;z-index:2}.category-card-modern:hover::before,.category-card-modern:focus::before{height:2px;opacity:1;box-shadow:0 0 10px var(--category-color)}.category-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.6;transition:all .4s ease}.category-card-modern:hover .category-background{opacity:1;transform:scale(1.05)}.category-bg-icon{position:absolute;right:-12px;bottom:-14px;width:82px;height:82px;color:var(--category-color);fill:currentColor;opacity:.08;transform:rotate(-15deg);pointer-events:none;transition:transform .5s ease,opacity .5s ease;z-index:1}.category-card-modern:hover .category-bg-icon,.category-card-modern:focus .category-bg-icon{transform:rotate(0deg) scale(1.18);opacity:.16}.category-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;background:radial-gradient(circle at center,rgba(0,0,0,.4),transparent)}.category-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:var(--category-color);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);transition:all .3s ease;filter:none}.category-icon svg{width:24px;height:24px;fill:currentColor;transition:transform .3s ease,color .3s ease,filter .3s ease;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.category-card-modern:hover .category-icon,.category-card-modern:focus .category-icon{color:#fff;background:var(--category-color);border-color:transparent;box-shadow:0 0 16px color-mix(in srgb,var(--category-color) 70%,transparent);transform:translateY(-2px)}.category-card-modern:hover .category-icon svg,.category-card-modern:focus .category-icon svg{transform:scale(1.1);filter:none}.category-name{font-size:1rem;font-weight:600;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5);transition:all .3s ease}.category-card-modern:hover .category-name{transform:translateY(-2px)}.category-card-modern:hover,.category-card-modern:focus{transform:translateY(-5px);box-shadow:0 12px 34px rgba(0,0,0,.78);border-color:var(--category-color);outline:0}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.category-card-modern{height:90px}.category-icon{width:35px;height:35px}.category-icon svg{width:20px;height:20px}.category-name{font-size:.9rem}.section-title-modern{font-size:1.5rem}}@media (max-width:576px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.category-card-modern{height:85px}.category-name{font-size:.85rem}}