.class-page{padding-bottom:76px}.class-hero{position:relative;display:flex;min-height:250px;align-items:center;justify-content:space-between;overflow:hidden;padding:42px 54px;background:radial-gradient(circle at 88% 30%,rgba(102,165,207,.2),transparent 25%),rgba(255,255,255,.7)}.class-hero:after{position:absolute;inset:auto -4% -75% 42%;height:260px;border-radius:50%;background:rgba(120,183,219,.11);content:""}.class-hero>div{position:relative;z-index:1;max-width:750px}.class-hero h1{margin:8px 0 14px;color:#1d3750;font:900 clamp(38px,5vw,64px) Cinzel,Georgia,serif}.class-hero p:last-child{margin:0;color:#5f7384;font-size:14px;line-height:1.7}.class-hero>img{position:relative;z-index:1;width:190px;height:176px;object-fit:contain;filter:drop-shadow(0 16px 15px rgba(47,76,102,.2));image-rendering:auto}
.class-guides{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;margin-top:18px;padding:24px}.class-guides header h2{margin:6px 0;color:#253e54;font:800 24px Cinzel,Georgia,serif}.class-guides header span{color:#718393;font-size:11px}.class-guides>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.class-guides article{display:flex;min-height:88px;flex-direction:column;padding:14px;border:1px solid rgba(91,138,172,.13);border-radius:11px;background:rgba(255,255,255,.55)}.class-guides article strong{color:#30495e;font-size:11px;line-height:1.35}.class-guides article small{margin-top:5px;color:#778896;font-size:9px}.class-guides article em{margin-top:auto;color:#a0784f;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.class-catalog{margin-top:42px}.class-section-title{text-align:center}.class-section-title h2{margin:5px 0;color:#263e53;font:900 clamp(28px,4vw,42px) Cinzel,Georgia,serif}.class-section-title span{color:#718393;font:500 12px Georgia,serif}
.class-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:20px}.class-grid--expanded{grid-template-columns:repeat(7,minmax(0,1fr))}
.class-card{position:relative;display:flex;min-height:235px;flex-direction:column;align-items:center;overflow:hidden;padding:14px 10px 13px;border:1px solid rgba(255,255,255,.88);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(243,248,252,.58));box-shadow:0 12px 28px rgba(42,66,91,.11),inset 0 1px #fff;text-align:center;backdrop-filter:blur(18px) saturate(145%);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.class-card:before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#5796c0,transparent);content:""}.class-card--expanded:before{background:linear-gradient(90deg,transparent,#ab7bb4,transparent)}.class-card:hover{transform:translateY(-5px);border-color:rgba(82,148,190,.45);box-shadow:0 18px 36px rgba(42,66,91,.17),inset 0 1px #fff}.class-card>small{color:#6f8494;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.class-card>span{display:grid;width:132px;height:132px;place-items:end center}.class-card img{max-width:126px;max-height:126px;object-fit:contain;filter:drop-shadow(0 9px 7px rgba(49,70,87,.16));transition:transform .2s ease}.class-card:hover img{transform:translateY(-3px) scale(1.04)}.class-card>strong{min-height:31px;color:#263f55;font:800 12px/1.3 Cinzel,Georgia,serif}.class-card>em{margin-top:auto;color:#397da9;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
html[data-ish-theme="dark"] .class-hero{background:radial-gradient(circle at 88% 30%,rgba(78,144,188,.17),transparent 25%),rgba(13,23,35,.72)}html[data-ish-theme="dark"] .class-hero h1,html[data-ish-theme="dark"] .class-guides h2,html[data-ish-theme="dark"] .class-section-title h2,html[data-ish-theme="dark"] .class-card>strong{color:#edf6fc}html[data-ish-theme="dark"] .class-hero p:last-child,html[data-ish-theme="dark"] .class-guides header span,html[data-ish-theme="dark"] .class-section-title span{color:#9eb0bd}
html[data-ish-theme="dark"] .class-guides article,html[data-ish-theme="dark"] .class-card{border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(24,35,49,.8),rgba(10,17,27,.68));box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07)}html[data-ish-theme="dark"] .class-guides article strong{color:#dfeaf1}html[data-ish-theme="dark"] .class-card>small,html[data-ish-theme="dark"] .class-guides article small{color:#91a5b4}
@media(max-width:1100px){.class-grid,.class-grid--expanded{grid-template-columns:repeat(4,1fr)}}@media(max-width:820px){.class-hero{padding:32px}.class-hero>img{width:130px;height:125px}.class-guides{grid-template-columns:1fr}.class-grid,.class-grid--expanded{grid-template-columns:repeat(3,1fr)}}@media(max-width:580px){.class-hero{padding:27px 22px}.class-hero>img{position:absolute;right:-22px;bottom:-20px;opacity:.25}.class-guides>div{grid-template-columns:1fr}.class-grid,.class-grid--expanded{grid-template-columns:repeat(2,1fr);gap:8px}.class-card{min-height:207px}.class-card>span{width:105px;height:112px}.class-card img{max-width:104px;max-height:108px}}