.cat-circles-section{padding:76px 0}.cat-circles-head{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:50px}.cat-circles-head h2{font-size:26px;margin:0;white-space:nowrap;font-weight:800}.cat-circles-line{flex:1;max-width:340px;height:1px;background:linear-gradient(to right,transparent,rgba(178,0,237,.35),transparent)}.cat-circles-sparkle{color:var(--accent);font-size:15px;line-height:1;flex:none}.cat-circles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:44px 24px}.cat-circle-card{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;color:var(--ink)}.cat-circle-card strong{font-size:15px;font-weight:800;color:var(--accent-2);letter-spacing:.2px}.cat-circle-ring{position:relative;width:100%;max-width:212px;aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,var(--accent) 0%,var(--accent-2) 100%);box-shadow:0 0 0 14px rgba(178,0,237,.07),0 20px 38px rgba(125,0,169,.24);transition:transform .3s ease,box-shadow .3s ease}.cat-circle-ring:after{content:"◆";position:absolute;bottom:-4px;right:50%;transform:translateX(50%);font-size:12px;color:var(--accent);background:#fff;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 10px rgba(125,0,169,.25)}.cat-circle-card:hover .cat-circle-ring{transform:translateY(-6px) scale(1.03);box-shadow:0 0 0 14px rgba(178,0,237,.11),0 26px 46px rgba(125,0,169,.32)}.cat-circle-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 8px 14px rgba(20,10,25,.18))}.cat-circle-fallback{width:56%;width:height:56%;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);color:#fff;font-size:40px;font-weight:800}@media(max-width:1024px){.cat-circles-grid{gap:34px 16px}.cat-circles-line{max-width:120px}.cat-circle-ring{max-width:180px}}@media(max-width:640px){.cat-circles-section{padding:52px 0}.cat-circles-head{gap:10px;margin-bottom:32px}.cat-circles-head h2{font-size:19px}.cat-circles-line{max-width:60px}.cat-circles-grid{grid-template-columns:repeat(2,1fr);gap:30px 18px}.cat-circle-ring{max-width:168px}.cat-circle-ring:after{width:22px;height:22px;font-size:10px}.cat-circle-card{gap:14px}.cat-circle-card strong{font-size:13.5px}}@media(prefers-reduced-motion:reduce){.cat-circle-ring{transition:none}}