/* --- tanfolyam spotlight --- */
.course{background:linear-gradient(180deg,var(--ink),var(--ink-2))}
.course-card{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;background:var(--cream);color:var(--ink);border-radius:var(--radius);padding:clamp(28px,4vw,56px);position:relative;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.course-card::before{content:"";position:absolute;right:-20%;top:-40%;width:70%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,106,31,.35),transparent 65%);pointer-events:none}
.course-card .eyebrow{color:var(--red)}
.course-card h3{font-size:clamp(2.6rem,5.5vw,4.6rem);text-transform:uppercase;margin:12px 0 18px}
.course-card h3 span{color:var(--red)}
.course-card p{color:rgba(7,11,28,.78);max-width:46ch}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}
.fact{border-top:2px solid var(--ink);padding-top:12px}
.fact small{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--red)}
.fact b{font-family:var(--display);font-size:1.7rem;font-weight:900;line-height:1.05;display:block;margin-top:4px}
.fact span{font-size:.9rem;color:rgba(7,11,28,.7)}
.countdown{background:var(--ink);color:var(--cream);border-radius:18px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;position:relative;overflow:hidden}
.countdown::after{content:"";position:absolute;inset:auto -30% -50% auto;width:80%;aspect-ratio:1;background:radial-gradient(circle,rgba(47,125,246,.5),transparent 65%);filter:blur(20px)}
.countdown .label{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--cream-dim)}
.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:1}
.timer div{text-align:center;background:rgba(247,236,217,.06);border:1px solid var(--line);border-radius:12px;padding:14px 4px}
.timer b{display:block;font-family:var(--display);font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.timer span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim)}
.countdown .btn{position:relative;z-index:1;justify-content:center}
@media (max-width:900px){.course-card{grid-template-columns:1fr}}
@media (max-width:480px){.facts{grid-template-columns:1fr}}