.live-classes{max-width:1192px;margin:0 auto;padding:80px 0}.live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.live-card{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s,border-color .25s}.live-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary) 35%,transparent)}.live-cover{aspect-ratio:16/9;background:var(--soft);position:relative;overflow:hidden}.live-cover img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:2}.image-spinner{position:absolute;inset:50% auto auto 50%;width:24px;height:24px;margin:-12px;border:2px solid rgba(0,153,85,.18);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.live-placeholder{display:grid;place-items:center}.live-placeholder svg{width:52px;fill:none;stroke:var(--primary);stroke-width:1.3}.live-body{padding:18px}.live-body small{font-size:9px;color:var(--primary)}.live-body h3{font-size:19px;margin:6px 0}.live-body p{font-size:11px;line-height:1.85;color:var(--muted);min-height:42px}.live-body>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:14px;font-size:9px}.live-body b{font-size:10px}@media(max-width:900px){.live-classes{margin:0 20px}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.live-classes{padding:55px 0}.live-grid{grid-template-columns:1fr}.live-body p{min-height:0}}