.classes{background:radial-gradient(45% 40% at 10% 16%,#7b70f84d,#0000 70%),radial-gradient(45% 38% at 92% 10%,#7b70f83d,#0000 70%),radial-gradient(55% 45% at 88% 92%,#ff704947,#0000 72%),radial-gradient(50% 42% at 6% 94%,#ff704933,#0000 72%),#fff;min-height:100vh;padding-block:clamp(36px,5vw,72px) clamp(60px,8vw,120px);position:relative}.classes__grid{grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.6vw,24px) clamp(16px,1.5vw,22px);display:grid}@media (max-width:1024px){.classes__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.classes__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.classes__grid{grid-template-columns:1fr}}.class-card{color:inherit;text-decoration:none;display:block}.class-card__poster{aspect-ratio:234/272;background:#3333330f;border-radius:20px;position:relative;overflow:hidden}.class-card__img{width:100%;height:100%;display:block;position:absolute;inset:0}.class-card__img .ant-image-img{transition:transform .25s;display:block;object-fit:cover!important;width:100%!important;height:100%!important}.class-card:hover .class-card__img .ant-image-img{transform:scale(1.04)}.class-card__title{font-family:var(--font-display);color:var(--ink);margin-top:12px;font-size:16px;font-weight:500}.class-card__meta,.class-card__price{font-family:var(--font-body);color:var(--ink);margin-top:2px;font-size:14px;font-weight:500}.classes__state{justify-content:center;align-items:center;min-height:320px;display:flex}.classes__more{justify-content:center;align-items:center;padding-block:clamp(28px,3vw,44px);display:flex}.classes__more-btn.ant-btn{height:48px;padding-inline:32px;font-weight:600}.classes__empty{text-align:center;font-family:var(--font-body);color:#3339;font-size:18px}