:root{--cm-navy:#06172f;--cm-purple:#6840df;--cm-blue:#1777e8;--cm-green:#0f9b69;--cm-gold:#f3b719;--cm-ink:#17283f;--cm-muted:#607086;--cm-line:#e3e9f0;--cm-shadow:0 14px 34px rgba(27,49,84,.08)}
.cm-shell{max-width:1240px;margin:22px auto 70px;padding:0 22px;color:var(--cm-ink)}.cm-hero{padding:29px;border-radius:22px;color:#fff;background:radial-gradient(circle at 88% 12%,rgba(255,210,80,.22),transparent 25%),linear-gradient(120deg,#071b37,#0d5065 58%,#5834c1);box-shadow:0 18px 40px rgba(22,42,76,.13)}.cm-hero h1{font-size:34px;line-height:1.12;color:#fff;margin:5px 0}.cm-hero p{font-size:12.5px;line-height:1.65;color:#e6eef7;max-width:760px}.cm-eyebrow{font-size:12px;letter-spacing:.14em;color:#ffd45e;font-weight:950}.cm-layout{display:grid;grid-template-columns:1fr 330px;gap:13px;margin-top:13px}.cm-card{background:#fff;border:1px solid var(--cm-line);border-radius:17px;padding:17px;box-shadow:var(--cm-shadow)}.cm-item{display:grid;grid-template-columns:120px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f5}.cm-item:last-child{border-bottom:0}.cm-thumb{height:90px;border-radius:12px;background:linear-gradient(135deg,#174c73,#6943ca);overflow:hidden}.cm-thumb img{width:100%;height:100%;object-fit:cover}.cm-item h3{font-size:15px;line-height:1.3;margin:0 0 4px}.cm-item p{font-size:9.5px;color:#6c798c;margin:0}.cm-price{font-size:14px;font-weight:950;white-space:nowrap}.cm-btn{border:0;border-radius:9px;padding:10px 12px;background:linear-gradient(135deg,#623bd9,#1777e8);color:#fff!important;text-decoration:none;font-size:9.5px;font-weight:900;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.cm-btn.ghost{background:#f2f5f8;color:#48596f!important;border:1px solid #e1e7ee}.cm-btn.red{background:#fff0f0;color:#ab3b3b!important;border:1px solid #f1d3d3}.cm-summary{position:sticky;top:105px}.cm-summary-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:12px}.cm-summary-row.total{font-size:17px;font-weight:950}.cm-field{display:grid;gap:4px;margin-top:9px;font-size:9.5px;font-weight:900}.cm-field input{border:1px solid #dfe5ed;border-radius:9px;padding:10px;font-size:12px}.cm-note{margin-top:11px;padding:10px;border-radius:10px;background:#eef9f4;color:#176c51;font-size:12px;line-height:1.55}.cm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:14px}.cm-course{background:#fff;border:1px solid var(--cm-line);border-radius:16px;overflow:hidden;box-shadow:var(--cm-shadow)}.cm-course .media{height:155px;background:linear-gradient(135deg,#174b72,#6840df)}.cm-course .media img{width:100%;height:100%;object-fit:cover}.cm-course .body{padding:13px}.cm-course h3{font-size:15px;line-height:1.3;margin:0 0 5px}.cm-course p{font-size:9.5px;line-height:1.55;color:#69778b}.cm-actions{display:flex;gap:6px;flex-wrap:wrap}.cm-success{margin-top:13px;padding:24px;border-radius:19px;background:#fff;border:1px solid var(--cm-line);box-shadow:var(--cm-shadow)}.cm-success h2{font-size:25px}.cm-success-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cm-success-course{padding:12px;border:1px solid #e5eaf0;border-radius:13px;background:#fbfcfe}.cm-empty{text-align:center;padding:40px}.cm-empty h2{font-size:20px}.cm-empty p{font-size:10.5px;color:#6a788c}
@media(max-width:900px){.cm-layout{grid-template-columns:1fr}.cm-summary{position:static}.cm-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.cm-shell{padding:0 12px}.cm-hero{padding:22px}.cm-hero h1{font-size:29px}.cm-item{grid-template-columns:90px 1fr}.cm-price{grid-column:2}.cm-field input{font-size:16px}.cm-grid,.cm-success-grid{grid-template-columns:1fr}.cm-btn{width:100%}}