#hca-course-intro{max-width:1180px;margin:24px auto 56px;padding:0 18px;color:#172942;font-family:Cairo,Arial,sans-serif}
.hca-intro__hero{position:relative;min-height:430px;overflow:hidden;border-radius:22px;background:#172942;box-shadow:0 18px 46px rgba(20,36,58,.18)}
.hca-intro__hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#e7eef5}
.hca-intro__hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,26,46,.92),rgba(10,26,46,.58) 55%,rgba(10,26,46,.18))}
[dir="rtl"] .hca-intro__hero:after{background:linear-gradient(270deg,rgba(10,26,46,.92),rgba(10,26,46,.58) 55%,rgba(10,26,46,.18))}
.hca-intro__overlay{position:relative;z-index:1;max-width:760px;padding:70px 64px;color:#fff}
.hca-intro__eyebrow,.hca-intro__kicker{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#cda955}
.hca-intro__overlay h1{margin:.35rem 0 1rem;font-size:clamp(2rem,5vw,4rem);line-height:1.12}
.hca-intro__overlay>p:not(.hca-intro__eyebrow){font-size:1.1rem;line-height:1.8}
.hca-intro__facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.hca-intro__facts span{padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.12)}
.hca-intro__about{display:grid;grid-template-columns:1.7fr .8fr;gap:24px;margin:30px 0;padding:34px;border:1px solid #e5ddcf;border-radius:18px;background:#fff}
.hca-intro__about h2{margin:.25rem 0 .8rem;font-size:clamp(1.6rem,3vw,2.4rem)}
.hca-intro__about p{line-height:1.85;color:#56677d}
.hca-intro__about aside{padding:24px;border-radius:14px;background:#f7f1e5;border-inline-start:4px solid #cda955}
.hca-intro__curriculum{padding:34px;border-radius:18px;background:#f6f7f9}
.hca-intro__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hca-intro__lesson{display:flex;gap:16px;padding:18px;border:1px solid #e2e6eb;border-radius:14px;background:#fff}
.hca-intro__lesson>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#172942;color:#fff;font-weight:800}
.hca-intro__lesson h3{margin:0 0 6px;font-size:1rem}.hca-intro__lesson p{margin:0;color:#64748a;line-height:1.55;font-size:.92rem}
.hca-intro__start{position:sticky;bottom:16px;z-index:4;display:flex;justify-content:center;margin-top:26px}
.hca-intro__start button{min-width:220px;padding:15px 26px;border:0;border-radius:12px;background:#1b7f57;color:#fff;font:800 1rem Cairo,Arial,sans-serif;box-shadow:0 10px 24px rgba(27,127,87,.25);cursor:pointer}
.hca-intro__start button:hover{background:#146846}.hca-intro__start button:focus-visible{outline:3px solid #cda955;outline-offset:3px}
@media(max-width:760px){.hca-intro__hero{min-height:470px}.hca-intro__overlay{padding:44px 26px}.hca-intro__about{grid-template-columns:1fr;padding:24px}.hca-intro__curriculum{padding:22px}.hca-intro__grid{grid-template-columns:1fr}}

.hca-intro__lesson .hca-handout{grid-column:1/-1;margin-top:8px}