.innoa-course-preview{background:#fbf9ff;color:#1c1630;min-height:70vh;padding:clamp(42px,7vw,96px) 0 88px}
.innoa-preview-breadcrumb{display:flex;align-items:center;gap:12px;color:#7d718d;font-size:13px;margin-bottom:36px}
.innoa-preview-breadcrumb a{color:#6845bd;text-decoration:none}
.innoa-preview-breadcrumb a:hover{text-decoration:underline}
.innoa-preview-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center;gap:clamp(30px,6vw,92px)}
.innoa-preview-copy .innoa-kicker{color:#6845bd;letter-spacing:.17em;font-size:11px;font-weight:700;margin:0 0 18px}
.innoa-preview-copy h1{font-size:clamp(40px,5.3vw,78px);line-height:1.04;letter-spacing:-.055em;max-width:800px;margin:0 0 28px;color:#1c1630}
.innoa-preview-description{font-size:clamp(16px,1.45vw,19px);line-height:1.7;color:#554b63;max-width:660px;margin:0 0 34px}
.innoa-preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.innoa-preview-primary,.innoa-preview-secondary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:14px 22px;border-radius:13px;text-decoration:none;font-weight:700;font-size:14px;transition:transform .2s ease,box-shadow .2s ease}
.innoa-preview-primary{background:#6b42c7;color:#fff;box-shadow:0 14px 30px rgba(80,48,151,.18)}
.innoa-preview-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 34px rgba(80,48,151,.24)}
.innoa-preview-secondary{background:#fff;color:#5d3a9f;border:1px solid #ddcff6}
.innoa-preview-secondary:hover{color:#5d3a9f;background:#f4edff}
.innoa-preview-note{font-size:12px;line-height:1.6;color:#786e86;max-width:600px;margin:18px 0 0}
.innoa-preview-media{border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#312244,#8262ce);box-shadow:0 30px 70px rgba(45,29,74,.16);aspect-ratio:1.35}
.innoa-preview-media img{display:block;width:100%;height:100%;object-fit:cover}
.innoa-preview-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:clamp(52px,7vw,95px);font-weight:800;letter-spacing:-.08em}
.innoa-preview-placeholder span{font-size:12px;letter-spacing:.25em;text-transform:uppercase;font-weight:600}
.innoa-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e5daf1;margin-top:clamp(50px,7vw,90px);padding-top:24px;color:#635670;font-size:14px}
.innoa-preview-footer p{margin:0}.innoa-preview-footer a{color:#5d3a9f;text-decoration:none;font-weight:700}
@media(max-width:760px){.innoa-course-preview{padding:36px 0 64px}.innoa-preview-breadcrumb{margin-bottom:25px}.innoa-preview-layout{grid-template-columns:1fr;gap:30px}.innoa-preview-copy h1{font-size:clamp(36px,10vw,52px)}.innoa-preview-media{order:-1;aspect-ratio:1.55;border-radius:18px}.innoa-preview-actions{align-items:stretch}.innoa-preview-primary,.innoa-preview-secondary{width:100%}.innoa-preview-footer{align-items:flex-start;flex-direction:column;gap:8px}}