/* SENARO public class showcase v3.2.10 */
.class-showcase{position:relative;overflow:hidden;padding:92px 0;background:radial-gradient(circle at 8% 10%,rgba(55,142,255,.12),transparent 26%),radial-gradient(circle at 90% 18%,rgba(255,104,141,.12),transparent 25%),linear-gradient(180deg,#f8fbff 0,#edf5ff 52%,#f8fbff 100%)}
.class-showcase:before,.class-showcase:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.class-showcase:before{width:300px;height:300px;background:rgba(255,209,76,.1);left:-110px;bottom:80px}.class-showcase:after{width:360px;height:360px;background:rgba(123,92,246,.08);right:-140px;bottom:-50px}.showcase-heading-row{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.class-showcase .section-heading{max-width:760px;margin:0;text-align:left}.class-showcase .section-heading h2{max-width:680px}.showcase-all-link{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;text-decoration:none;color:#075ba6;background:#fff;border:1px solid #d6e5f5;padding:11px 15px;border-radius:999px;font-size:.86rem;font-weight:800;box-shadow:0 9px 24px rgba(4,63,120,.08);transition:.2s}.showcase-all-link:hover{transform:translateY(-2px);border-color:#9ecbf4}.class-showcase-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:24px}.public-class-card{--accent:#156bd6;--accent2:#40a2ff;position:relative;isolation:isolate;overflow:hidden;background:rgba(255,255,255,.98);border:1px solid rgba(197,216,236,.85);border-radius:28px;box-shadow:0 16px 42px rgba(11,53,96,.09);display:flex;flex-direction:column;min-height:520px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.public-class-card.theme-2{--accent:#7b4ee6;--accent2:#bb6cf6}.public-class-card.theme-3{--accent:#008a74;--accent2:#35c38f}.public-class-card.theme-4{--accent:#e04b76;--accent2:#ff835d}.public-class-card.theme-5{--accent:#d27a00;--accent2:#f5b63d}.public-class-card.theme-6{--accent:#0875a6;--accent2:#31bfd1}.public-class-card:hover{transform:translateY(-7px);box-shadow:0 24px 58px rgba(7,48,91,.16);border-color:color-mix(in srgb,var(--accent) 28%,#d8e6f4)}.class-card-glow{position:absolute;z-index:-1;width:180px;height:180px;border-radius:50%;background:var(--accent2);opacity:.09;filter:blur(3px);right:-65px;bottom:70px}.class-card-cover{position:relative;min-height:156px;padding:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;background:linear-gradient(135deg,var(--accent),var(--accent2));overflow:hidden}.class-card-cover:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-54px;top:-70px;background:rgba(255,255,255,.16)}.class-card-cover:after{content:"";position:absolute;width:120px;height:120px;border-radius:44% 56% 60% 40%;left:38%;bottom:-85px;background:rgba(255,255,255,.08);transform:rotate(25deg)}.teacher-photo-wrap{position:relative;z-index:2;width:110px;height:110px;flex:0 0 110px;border-radius:24px;background:rgba(255,255,255,.2);border:4px solid rgba(255,255,255,.88);box-shadow:0 13px 34px rgba(12,41,74,.2);overflow:hidden}.teacher-photo{display:block;width:100%;height:100%;object-fit:cover;background:#fff}.teacher-initials{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e8f1fb);color:var(--accent);font-weight:900;font-size:1.85rem;letter-spacing:.04em}.cover-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.grade-pill,.mode-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 11px;font-size:.73rem;font-weight:900;backdrop-filter:blur(8px)}.grade-pill{background:#fff;color:var(--accent);box-shadow:0 6px 15px rgba(0,0,0,.08)}.mode-pill{background:rgba(4,25,48,.25);color:#fff;border:1px solid rgba(255,255,255,.22)}.class-card-body{display:flex;flex:1;flex-direction:column;padding:22px}.subject-line>span{display:block;color:var(--accent);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.subject-line h3{margin:0;color:#0c315d;font-size:1.55rem;line-height:1.15;letter-spacing:-.025em}.teacher-profile-line{margin-top:15px;padding:13px 14px;border-radius:15px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,#fff),#fff);border:1px solid color-mix(in srgb,var(--accent) 13%,#e8eef5)}.teacher-profile-line small{display:block;color:#7c8fa3;font-size:.68rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.teacher-profile-line strong{display:block;color:#183f69;margin-top:2px;font-size:.98rem}.teacher-profile-line span{display:block;color:#6a7d91;font-size:.78rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.class-details-grid>div{display:flex;align-items:center;gap:10px;background:#f7fafc;border:1px solid #e7eef5;border-radius:13px;padding:10px}.class-details-grid i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--accent);font-size:.72rem}.class-details-grid span{min-width:0}.class-details-grid small{display:block;color:#8494a6;font-size:.65rem;font-weight:700;text-transform:uppercase}.class-details-grid b{display:block;color:#294866;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-class-card .class-summary{margin:13px 0 0;color:#697d91;line-height:1.55;font-size:.83rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.benefit-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.benefit-row span{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#eef9f4;color:#187149;padding:6px 9px;font-size:.7rem;font-weight:800}.benefit-row span:last-child{background:#fff7df;color:#8a6204}.card-bottom{display:flex;align-items:end;justify-content:space-between;gap:13px;margin-top:auto;padding-top:18px}.public-class-card .fee small{display:block;color:#8393a4;font-size:.68rem}.public-class-card .fee strong{display:block;color:var(--accent);font-size:1.45rem;line-height:1.05}.register-class-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:13px;padding:11px 14px;font-size:.78rem;font-weight:900;box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 22%,transparent);transition:.18s}.register-class-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.registration-cta{position:relative;z-index:1;margin-top:30px;background:linear-gradient(135deg,#083e79,#0d6dbd 58%,#7b4ee6);border-radius:25px;color:#fff;padding:27px 30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;box-shadow:0 18px 46px rgba(6,72,138,.2);overflow:hidden}.registration-cta:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:15%;top:-130px;background:rgba(255,255,255,.09)}.cta-icon{position:relative;z-index:1;width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#fff;color:#1b9b58;font-size:1.8rem;box-shadow:0 12px 30px rgba(0,0,0,.13)}.registration-cta>div,.registration-cta>a{position:relative;z-index:1}.registration-cta h3{margin:0 0 5px;font-size:1.42rem}.registration-cta p{margin:0;color:#dcecff;line-height:1.55;font-size:.9rem}.registration-cta .btn{flex-shrink:0;background:#fff;color:#075aa4;border-radius:12px;font-weight:900}.registration-cta .btn:hover{background:#eef7ff}.class-showcase .empty-state{position:relative;z-index:1}@media(max-width:850px){.showcase-heading-row{align-items:flex-start;flex-direction:column}.class-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.registration-cta{grid-template-columns:auto 1fr}.registration-cta .btn{grid-column:1/-1;text-align:center}}@media(max-width:620px){.class-showcase{padding:70px 0}.class-showcase-grid{grid-template-columns:1fr}.public-class-card{min-height:0}.class-card-cover{min-height:140px}.teacher-photo-wrap{width:94px;height:94px;flex-basis:94px}.class-card-body{padding:19px}.class-details-grid{grid-template-columns:1fr}.card-bottom{align-items:stretch;flex-direction:column}.register-class-btn{width:100%}.registration-cta{grid-template-columns:1fr;align-items:flex-start}.registration-cta .btn{grid-column:auto;width:100%;text-align:center}}