:root{--ink:#29163f;--purple:#51227a;--pink:#ff5c91;--soft:#fff8fb}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(#fff,#fff8fb);color:#2b2430;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}.cgm-top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #eee2f0;padding:12px 18px}.cgm-logo{text-decoration:none;font-weight:900;color:var(--purple);font-size:20px}.cgm-logo span{font-size:12px;color:#7b6b85;margin-left:5px}
.cgm-main{max-width:1120px;margin:auto;padding:18px}.cgm-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;align-items:center;background:white;border:1px solid #efe4f2;border-radius:24px;padding:28px;box-shadow:0 16px 40px rgba(60,30,80,.08)}
.cgm-eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;color:#a24e78}.cgm-hero h1{font-size:clamp(34px,7vw,64px);line-height:1.02;margin:8px 0;color:var(--ink)}.cgm-hero p{color:#746779;font-size:17px}.cgm-family{font-size:clamp(44px,9vw,86px);text-align:center}
.cgm-section-title{margin:28px 0 12px}.cgm-section-title h2{margin:0;color:var(--ink)}
.cgm-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cgm-categories a,.cgm-lessons a{background:white;border:1px solid #ede2f1;border-radius:17px;padding:15px;text-decoration:none;box-shadow:0 8px 24px rgba(50,30,70,.05)}.cgm-categories span{font-size:27px;display:block}.cgm-categories strong,.cgm-categories small{display:block}.cgm-categories small,.cgm-lessons small{color:#817486;margin-top:4px}
.cgm-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cgm-lessons a{padding:0;overflow:hidden}.cgm-lessons .thumb{height:160px;background:#f7effc;display:flex;align-items:center;justify-content:center;font-size:50px}.cgm-lessons img{width:100%;height:100%;object-fit:cover}.cgm-lessons a>div:last-child{padding:13px}.cgm-lessons strong,.cgm-lessons small{display:block}.cgm-footer{text-align:center;padding:30px 15px;color:#8b7c91}
.cgm-lesson-page{max-width:1080px}
@media(max-width:760px){.cgm-main{padding:10px}.cgm-hero{grid-template-columns:1fr;padding:20px}.cgm-family{text-align:left}.cgm-categories{grid-template-columns:repeat(2,1fr)}.cgm-lessons{grid-template-columns:1fr}.cgm-lessons .thumb{height:190px}}