/*
 * Riyo IT Park — site design system (v2 design, desktop + mobile, light + dark)
 * Hand-written, no build step. Class prefix: rh-
 * Tokens: every page of the new layout starts DARK (rh-site). The Home Page (body.rh-home)
 * starts LIGHT and has a light / dark switch in the header (remembered in the visitor's browser).
 */

.rh-site {
	--rh-bg: #060b18; --rh-alt: #0a1124;
	--rh-card: linear-gradient(180deg, #131f3a, #0b1427);
	--rh-text: #e8edf7; --rh-muted: #98a6bd; --rh-dim: #6b7a90;
	--rh-l1: rgba(148, 163, 184, .12); --rh-l2: rgba(148, 163, 184, .18); --rh-l3: rgba(148, 163, 184, .24); --rh-l4: rgba(148, 163, 184, .30);
	--rh-blue: #2f6bff; --rh-bluet: #7aa5ff; --rh-ok: #34d399;
	--rh-hero: radial-gradient(60% 80% at 80% 0%, rgba(47, 107, 255, .18), transparent 70%), #060b18;
	--rh-bad: linear-gradient(180deg, rgba(220, 74, 74, .14), #0b1427);
	--rh-good: linear-gradient(180deg, rgba(47, 107, 255, .2), #08101f 78%);
	--rh-ph: linear-gradient(150deg, #12285a, #0a1226);
	--rh-tint: rgba(47, 107, 255, .14);
	--rh-font: "Hind Siliguri", "Noto Sans Bengali", "Inter", ui-sans-serif, system-ui, sans-serif;
	--rh-num: "Sora", "Inter", ui-sans-serif, system-ui, sans-serif;
	--rh-head-h: 72px;
	color-scheme: dark;
}
body.rh-home:not(.rh-dark) {
	--rh-bg: #ffffff; --rh-alt: #eef4ff; --rh-card: #ffffff;
	--rh-text: #0b1b3b; --rh-muted: #51627f; --rh-dim: #7184a3;
	--rh-l1: rgba(22, 60, 150, .10); --rh-l2: rgba(22, 60, 150, .14); --rh-l3: rgba(22, 60, 150, .18); --rh-l4: rgba(22, 60, 150, .26);
	--rh-blue: #1f5be8; --rh-bluet: #1f5be8; --rh-ok: #0f9f6e;
	--rh-hero: radial-gradient(60% 80% at 80% 0%, rgba(31, 91, 232, .16), transparent 70%), linear-gradient(180deg, #f1f6ff, #ffffff);
	--rh-bad: linear-gradient(180deg, #fff1f1, #ffffff);
	--rh-good: linear-gradient(180deg, #e4eeff, #ffffff 78%);
	--rh-ph: linear-gradient(150deg, #e3eeff, #c6dbff);
	--rh-tint: rgba(31, 91, 232, .10);
	color-scheme: light;
}

/* ── Base ───────────────────────────────────────────────────────────── */
.rh-main, .rh-main *, .rh-main *::before, .rh-main *::after,
.rh-header, .rh-header *, .rh-footer, .rh-footer *, .rh-ann, .rh-ann * { box-sizing: border-box; }
body.rh-site { background: var(--rh-bg); color: var(--rh-text); font-family: var(--rh-font); font-size: 18px; line-height: 1.6; letter-spacing: 0; }
.rh-wrap { width: 100%; max-width: 1248px; margin: 0 auto; padding: 0 24px; }
.rh-only-m { display: none; }
.rh-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rh-site a { color: inherit; text-decoration: none; }
.rh-site :focus-visible { outline: 2px solid var(--rh-bluet); outline-offset: 2px; border-radius: 6px; }
.rh-main :where(h1, h2, h3, p, ul, ol, dl, dd, figure, blockquote) { margin: 0; padding: 0; letter-spacing: 0; }
.rh-main :where(ul, ol) { list-style: none; }
.rh-footer :where(h3, p, ul) { margin: 0; padding: 0; }
body.rh-site { margin: 0; }
.rh-main :where(h1, h2, h3) { font-family: var(--rh-font); }
.rh-ico { flex: none; }
.rh-num { font-family: var(--rh-num); }
.rh-anchor { position: relative; top: -90px; display: block; }

/* ── Buttons ────────────────────────────────────────────────────────── */
.rh-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 12px;
	height: 50px; padding: 0 26px; border-radius: 999px; border: 0;
	background: var(--rh-blue); color: #fff !important; font: 700 17px/1 var(--rh-font);
	white-space: nowrap; cursor: pointer; transition: filter .15s ease;
}
.rh-btn:hover { filter: brightness(1.08); }
.rh-btn--arrow { padding: 0 8px 0 26px; }
.rh-btn__go { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: #fff; color: #1f5be8; }
.rh-btn__go .rh-ico { stroke-width: 2.4; }
.rh-btn--lg { height: 64px; padding: 0 12px 0 32px; gap: 16px; font-size: 19px; background: linear-gradient(180deg, #2f6dff, #1f5be8); box-shadow: 0 18px 32px -14px rgba(31, 91, 232, .8), 0 1px 0 rgba(255, 255, 255, .3) inset; }
.rh-btn--lg .rh-btn__go { width: 42px; height: 42px; }
.rh-btn--ghost { background: var(--rh-card); color: var(--rh-text) !important; border: 1px solid var(--rh-l3); box-shadow: 0 1px 2px var(--rh-l1), 0 14px 28px -20px var(--rh-l4); }
.rh-btn--ghost:hover { filter: none; border-color: var(--rh-blue); }
.rh-btn--ghost.rh-btn--lg { padding: 0 30px; gap: 12px; background: var(--rh-card); box-shadow: 0 1px 2px var(--rh-l1), 0 14px 28px -20px var(--rh-l4); }
.rh-btn--ghost .rh-ico { color: var(--rh-bluet); }
.rh-btn--sm { height: 42px; padding: 0 22px; border-radius: 14px; font-size: 17px; font-weight: 600; }

/* ── Announcement ───────────────────────────────────────────────────── */
.rh-ann { position: relative; background: var(--rh-blue); color: #fff; font-size: 16px; font-weight: 500; }
.rh-ann[hidden] { display: none; }
.rh-ann .rh-wrap { max-width: none; padding-left: 20px; padding-right: 20px; }
.rh-ann__in { display: flex; align-items: center; justify-content: center; padding-top: 9px; padding-bottom: 9px; }
.rh-ann__text { margin: 0; padding: 0 28px; text-align: center; line-height: 1.6; }
.rh-ann__text a { margin-left: 8px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.rh-ann code { font-family: var(--rh-num); font-weight: 700; letter-spacing: .04em; background: none; border: 0; padding: 0; }
.rh-ann__close { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 0; border-radius: 6px; background: transparent; color: rgba(255, 255, 255, .85); cursor: pointer; }
.rh-ann__close:hover { background: rgba(255, 255, 255, .14); }

/* ── Header ─────────────────────────────────────────────────────────── */
.rh-skip:focus { position: fixed !important; left: 12px; top: 12px; width: auto; height: auto; clip: auto; z-index: 100; padding: .6rem 1rem; background: var(--rh-blue); color: #fff; border-radius: 10px; }
.rh-header { position: relative; z-index: 60; background: var(--rh-bg); border-bottom: 1px solid var(--rh-l1); transition: box-shadow .2s ease; }
.rh-header.is-sticky { position: sticky; top: 0; }
.rh-header.is-scrolled { box-shadow: 0 10px 28px -20px var(--rh-l4); }
.admin-bar .rh-header.is-sticky { top: 32px; }
@media (max-width: 782px) { .admin-bar .rh-header.is-sticky { top: 46px; } }
.rh-header__in { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: var(--rh-head-h); }
.rh-brand { display: inline-flex; align-items: center; gap: 12px; flex: none; min-width: 0; }
.rh-brand img { display: block; height: 40px; width: auto; max-width: 170px; object-fit: contain; }
.rh-brand__mark { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 38px; height: 38px; border-radius: 14px; background: var(--rh-blue); color: #fff; font: 700 17px/1 var(--rh-num); }
.rh-brand__txt { display: block; min-width: 0; }
.rh-brand__name { display: block; font: 700 21px/1.2 var(--rh-num); color: var(--rh-text); white-space: nowrap; }
.rh-brand__tag { display: none; }
.rh-nav { display: flex; align-items: center; gap: 32px; font-size: 17px; font-weight: 500; color: var(--rh-muted); }
.rh-nav a { position: relative; display: inline-flex; align-items: center; transition: color .15s ease; }
.rh-nav a:hover, .rh-nav a[aria-current] { color: var(--rh-text); }
.rh-actions { display: flex; align-items: center; gap: 12px; }
.rh-actions .riyo-cart-link, .rh-icon-btn { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 42px; height: 42px; padding: 0; border-radius: 14px; border: 1px solid var(--rh-l3); color: var(--rh-muted); background: transparent; cursor: pointer; transition: border-color .15s ease, color .15s ease; }
.rh-icon-btn:hover, .rh-actions .riyo-cart-link:hover { border-color: var(--rh-blue); color: var(--rh-text); }
.rh-theme__sun { display: none; }
body.rh-dark .rh-theme__sun { display: block; }
body.rh-dark .rh-theme__moon { display: none; }
body:not(.rh-home) .rh-theme { display: none; }
.rh-burger { display: none; }
.rh-burger__close, .rh-header.is-open .rh-burger__open { display: none; }
.rh-header.is-open .rh-burger__close { display: block; }
.rh-progress { position: absolute; left: 0; bottom: -1px; height: 2px; width: 0; background: var(--rh-blue); pointer-events: none; }
.rh-mnav { display: none; border-top: 1px solid var(--rh-l1); background: var(--rh-bg); padding: 8px 0 16px; }
.rh-mnav a:not(.rh-btn) { display: block; padding: 14px 24px; border-left: 3px solid transparent; color: var(--rh-text); font-size: 17px; font-weight: 500; }
.rh-mnav a:not(.rh-btn):hover, .rh-mnav a[aria-current] { background: var(--rh-alt); border-left-color: var(--rh-blue); }
.rh-mnav .rh-btn { display: flex; margin: 12px 24px 0; width: calc(100% - 48px); }
.rh-header.is-open .rh-mnav { display: block; }
.rh-actions .riyo-cart-link svg { width: 20px; height: 20px; }
.rh-actions .riyo-cart-count { position: absolute; top: -6px; right: -6px; display: inline-block; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--rh-blue); border: 2px solid var(--rh-bg); color: #fff; font: 700 11px/14px var(--rh-num); text-align: center; }
@media (max-width: 900px) {
	.rh-nav { display: none; }
	.rh-burger { display: inline-flex; color: var(--rh-text); }
	.rh-actions .rh-btn--hide-sm { display: none; }
	.rh-brand__tag { display: none; }
}
@media (min-width: 901px) { .rh-header.is-open .rh-mnav { display: none; } }
@media (max-width: 640px) {
	:root { --rh-head-h: 64px; }
	.rh-site { --rh-head-h: 64px; }
	.rh-wrap { padding: 0 20px; }
	.rh-header .rh-wrap { padding: 0 16px; }
	.rh-only-d { display: none; } .rh-only-m { display: inline; }
	.rh-ann { font-size: 15px; } .rh-ann .rh-wrap { padding-left: 16px; padding-right: 16px; } .rh-ann__in { padding-top: 8px; padding-bottom: 8px; }
	.rh-header__in { gap: 12px; }
	.rh-brand { gap: 10px; }
	.rh-brand__mark { width: 34px; height: 34px; border-radius: 9px; font-size: 15px; }
	.rh-brand__name { font-size: 18px; }
	.rh-actions { gap: 8px; }
	.rh-actions .riyo-cart-link, .rh-icon-btn { width: 44px; height: 44px; }
	.rh-mnav a:not(.rh-btn) { padding-left: 20px; padding-right: 20px; }
	.rh-mnav .rh-btn { margin-left: 16px; margin-right: 16px; width: calc(100% - 32px); }
}

/* ── Section scaffolding ────────────────────────────────────────────── */
.rh-main { display: block; }
.rh-sec { padding: 120px 0; }
.rh-sec--alt { background: var(--rh-alt); border-top: 1px solid var(--rh-l1); border-bottom: 1px solid var(--rh-l1); }
@media (min-width: 641px) { .rh-sec--altd { background: var(--rh-alt); border-top: 1px solid var(--rh-l1); border-bottom: 1px solid var(--rh-l1); } }
@media (max-width: 640px) { .rh-sec--altm { background: var(--rh-alt); border-top: 1px solid var(--rh-l1); border-bottom: 1px solid var(--rh-l1); } }
.rh-head { max-width: 680px; margin: 0 auto 48px; text-align: center; }
.rh-label { display: inline-block; font-size: 16px; font-weight: 600; line-height: 1.6; color: var(--rh-bluet); }
.rh-label--pill { font-size: 15px; font-weight: 700; background: rgba(31, 91, 232, .10); border-radius: 999px; padding: 6px 18px; }
body:not(.rh-home) .rh-label--pill, body.rh-dark .rh-label--pill { background: var(--rh-tint); }
.rh-h2 { margin: 10px 0 0; font: 700 48px/1.35 var(--rh-font); color: var(--rh-text); }
.rh-label--pill + .rh-h2 { margin-top: 18px; }
.rh-h2 em, .rh-h1 em { font-style: normal; color: var(--rh-bluet); }
.rh-lead { margin: 12px 0 0; font-size: 19px; line-height: 1.8; color: var(--rh-muted); }
.rh-pill { display: inline-block; font-size: 15px; font-weight: 600; color: var(--rh-bluet); background: var(--rh-card); border: 1px solid var(--rh-l2); border-radius: 999px; padding: 6px 16px; }
#why .rh-head { max-width: 720px; }
#syllabus .rh-head { margin-bottom: 56px; } #syllabus .rh-label, #faqs .rh-label { font-weight: 700; }
#syllabus .rh-h2, #reviews .rh-h2, #journey .rh-h2, #faqs .rh-h2 { font-weight: 800; }
#reviews .rh-head { margin-bottom: 52px; } #journey .rh-head { margin-bottom: 64px; }
#practical .rh-lead, #journey .rh-lead, #syllabus .rh-lead, #courses .rh-lead, #all-courses .rh-lead { margin-top: 12px; }
.rh-js .rh-reveal { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
.rh-js .rh-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .rh-js .rh-reveal { opacity: 1; transform: none; transition: none; } }
@media (max-width: 980px) and (min-width: 641px) { .rh-sec { padding: 88px 0; } .rh-h2 { font-size: 40px; } }
@media (max-width: 640px) {
	.rh-sec { padding: 48px 0; }
	.rh-head { max-width: none; margin: 0; }
	.rh-head .rh-lead { display: none; }
	.rh-label { font-size: 14px; font-weight: 700; }
	.rh-h2 { margin: 8px 0 22px; font-size: 28px; line-height: 1.4; font-weight: 800; }
	#why .rh-h2 { font-size: 27px; }
	#syllabus { padding: 44px 0; } #syllabus .rh-head { margin-bottom: 0; } #syllabus .rh-h2 { margin-bottom: 20px; }
	#reviews { padding: 40px 0; } #reviews .rh-head { margin-bottom: 18px; } #reviews .rh-h2 { font-size: 26px; margin: 4px 0 0; } #reviews .rh-label--pill { font-size: 13.5px; padding: 0; background: none; }
	#journey { padding: 44px 0; } #journey .rh-head { margin-bottom: 0; } #journey .rh-h2 { margin: 12px 0 24px; } #journey .rh-label--pill { font-size: 13px; padding: 5px 14px; }
	#faqs { padding: 40px 0; } #faqs .rh-head { margin-bottom: 22px; } #faqs .rh-h2 { margin: 10px 0 0; } #faqs .rh-label { padding: 4px 14px; background: var(--rh-card); border: 1px solid var(--rh-l2); border-radius: 999px; }
	#mentor { padding: 44px 0; }
	.rh-label--pill { font-size: 14px; }
	.rh-lead { font-size: 15px; line-height: 1.7; }
}

/* ── Hero ───────────────────────────────────────────────────────────── */
.rh-hero { background: var(--rh-hero); }
.rh-hero__grid { display: flex; flex-wrap: wrap; gap: 56px; align-items: center; padding-top: 88px; padding-bottom: 96px; }
.rh-hero__text { flex: 1 1 380px; min-width: 0; }
.rh-hero__grid--solo .rh-hero__text { flex-basis: 100%; max-width: 780px; }
.rh-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; border-radius: 999px; background: var(--rh-tint); color: var(--rh-bluet); font-size: 15px; font-weight: 700; }
.rh-badge__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--rh-blue); }
.rh-h1 { margin: 22px 0 0; font: 700 58px/1.28 var(--rh-font); letter-spacing: -.01em; color: var(--rh-text); }
.rh-badge + .rh-h1 { margin-top: 18px; }
.rh-hero__words { margin-top: 18px; font-size: 19px; color: var(--rh-muted); }
.rh-hero__words span { display: inline-block; color: var(--rh-text); font-weight: 700; border-bottom: 2px solid var(--rh-blue); transition: opacity .3s ease; }
.rh-hero .rh-lead { margin-top: 20px; max-width: 560px; font-size: 21px; }
.rh-hero__cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.rh-points { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 24px; }
.rh-points li { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; color: var(--rh-muted); }
.rh-points .rh-ico { color: var(--rh-ok); }
.rh-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--rh-l2); }
.rh-stats div { display: flex; flex-direction: column; padding-right: 16px; }
.rh-stats div + div { padding-left: 16px; border-left: 1px solid var(--rh-l2); }
.rh-stats dd { order: -1; font: 800 24px/1.2 var(--rh-num); color: var(--rh-text); }
.rh-stats dt { margin-top: 4px; font-size: 14px; color: var(--rh-muted); }
.rh-hero__media { flex: 1.45 1 440px; min-width: 0; }
.rh-frame { position: relative; border-radius: 32px; overflow: hidden; background: linear-gradient(150deg, #2a6bff, #0b2a7a); aspect-ratio: 16 / 10.5; box-shadow: 0 40px 80px -36px rgba(19, 71, 201, .7), 0 0 0 1px rgba(255, 255, 255, .12) inset; }
.rh-frame:not(.rh-frame--ph) > * { width: 100%; height: 100%; }
.rh-frame img, .rh-frame video, .rh-frame iframe { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; }
.rh-frame--ph { display: flex; align-items: center; justify-content: center; }
.rh-orb { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, .08); pointer-events: none; }
.rh-orb--a { right: -90px; top: -90px; width: 320px; height: 320px; }
.rh-orb--b { left: -60px; bottom: -120px; width: 300px; height: 300px; background: rgba(255, 255, 255, .06); }
.rh-orb--c { right: -80px; top: -80px; width: 300px; height: 300px; }
.rh-orb--d { left: -90px; bottom: -110px; width: 280px; height: 280px; background: rgba(255, 255, 255, .06); }
.rh-play { position: relative; display: flex; align-items: center; justify-content: center; width: 128px; height: 128px; border-radius: 50%; background: rgba(255, 255, 255, .18); }
.rh-play > span { display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; border-radius: 50%; background: #fff; color: #1f5be8; box-shadow: 0 18px 36px -12px rgba(0, 0, 0, .4); }
.rh-play svg { margin-left: 4px; }
.rh-frame__cap { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 48px 28px 24px; background: linear-gradient(0deg, rgba(6, 20, 60, .65), transparent); color: #fff; }
.rh-frame__cap b { font-size: 19px; font-weight: 600; }
.rh-frame__cap em { font-style: normal; font-size: 15px; background: rgba(255, 255, 255, .18); padding: 5px 14px; border-radius: 999px; }
.rh-chips { display: flex; gap: 14px; margin-top: 18px; }
.rh-chips li { position: relative; overflow: hidden; flex: 1; min-width: 0; border: 1px solid var(--rh-l2); border-radius: 20px; background: var(--rh-card); box-shadow: 0 1px 2px var(--rh-l1), 0 18px 36px -26px var(--rh-l4); padding: 18px 20px 18px 24px; }
.rh-chips li::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 4px; border-radius: 0 4px 4px 0; background: var(--rh-blue); }
.rh-chips strong { display: block; font: 800 26px/1.2 var(--rh-num); color: var(--rh-text); }
.rh-chips span { display: block; margin-top: 4px; font-size: 15px; color: var(--rh-muted); }
@media (max-width: 980px) and (min-width: 641px) { .rh-hero__grid { padding-top: 56px; padding-bottom: 64px; gap: 40px; } .rh-h1 { font-size: 46px; } }
@media (max-width: 640px) {
	.rh-hero { display: flex; flex-direction: column; justify-content: center; min-height: 740px; }
	.rh-hero__grid { flex-direction: column-reverse; flex-wrap: nowrap; align-items: stretch; justify-content: center; gap: 22px; padding: 24px 20px 20px; max-width: none; }
	.rh-hero__grid--solo { flex-direction: column; }
	.rh-hero__text, .rh-hero__media { flex: none; }
	.rh-frame { border-radius: 22px; aspect-ratio: 16 / 10; box-shadow: none; border: 1px solid var(--rh-l2); }
	.rh-play { width: 62px; height: 62px; background: none; }
	.rh-play > span { width: 62px; height: 62px; box-shadow: none; }
	.rh-play svg { width: 26px; height: 26px; margin-left: 3px; }
	.rh-orb--a, .rh-orb--b { display: none; }
	.rh-frame__cap { right: auto; padding: 0; background: none; left: 14px; bottom: 12px; }
	.rh-frame__cap b { font-size: 13.5px; } .rh-frame__cap em { display: none; }
	.rh-h1 { margin-top: 0; font-size: 32px; line-height: 1.4; letter-spacing: 0; }
	.rh-hero .rh-lead { margin-top: 12px; font-size: 16px; line-height: 1.75; max-width: none; }
	.rh-hero__cta { flex-wrap: nowrap; gap: 10px; margin-top: 22px; }
	.rh-hero__cta .rh-btn { flex: 1; min-width: 0; height: 52px; padding: 0 12px; justify-content: center; font-size: 16px; gap: 8px; background: var(--rh-blue); box-shadow: none; }
	.rh-hero__cta .rh-btn--ghost { background: transparent; border: 1px solid var(--rh-l4); }
	.rh-hero__cta .rh-btn__go, .rh-hero__cta .rh-btn .rh-ico { display: none; }
	.rh-chips { display: none; }
	.rh-points { margin-top: 16px; }
	.rh-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
	.rh-stats div:nth-child(3) { padding-left: 0; border-left: 0; }
}

/* ── Featured course ────────────────────────────────────────────────── */
.rh-feature { border-radius: 36px; overflow: hidden; background: var(--rh-card); border: 1px solid var(--rh-l2); box-shadow: 0 1px 2px var(--rh-l1), 0 50px 90px -50px var(--rh-l4); }
.rh-feature__main { display: flex; flex-wrap: wrap; }
.rh-feature__img { position: relative; flex: 1 1 340px; min-height: 340px; display: block; background: linear-gradient(150deg, #2a6bff, #0b2a7a); overflow: hidden; }
.rh-feature__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rh-ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient(150deg, #2a6bff, #0b2a7a); }
.rh-phone { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; width: 180px; height: 320px; border-radius: 36px; border: 7px solid #0e1a3a; background: linear-gradient(180deg, #101c3d, #0a1226); transform: rotate(-5deg); box-shadow: 0 40px 60px -24px rgba(0, 0, 0, .5); }
.rh-phone__app { width: 60px; height: 60px; border-radius: 20px; background: linear-gradient(145deg, #4f86ff, #1f5be8); }
.rh-phone__t { font: 700 18px/1.35 var(--rh-num); color: #fff; text-align: center; }
.rh-ph__cap { position: absolute; left: 24px; bottom: 24px; font-size: 15px; font-weight: 600; color: #fff; background: rgba(255, 255, 255, .16); padding: 6px 16px; border-radius: 999px; }
.rh-feature__body { flex: 1.35 1 420px; min-width: 0; padding: 34px 36px 28px; display: flex; flex-direction: column; gap: 14px; }
.rh-meta { display: flex; flex-wrap: wrap; gap: 10px; font-size: 15px; font-weight: 600; color: var(--rh-bluet); }
.rh-meta li { background: var(--rh-card); border: 1px solid var(--rh-l2); border-radius: 999px; padding: 6px 16px; }
.rh-meta--sm { gap: 8px; font-size: 14px; }
.rh-meta--sm li { background: rgba(31, 91, 232, .10); border: 0; padding: 5px 13px; }
.rh-feature__title { font: 800 40px/1.3 var(--rh-font); color: var(--rh-text); }
.rh-feature__excerpt { font-size: 19px; line-height: 1.8; color: var(--rh-muted); }
.rh-feature__head { display: flex; flex-direction: column; gap: 14px; }
.rh-feature__learn { background: var(--rh-alt); border: 1px solid var(--rh-l1); border-radius: 24px; padding: 14px; }
.rh-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.rh-checks li { display: flex; align-items: center; gap: 12px; font-size: 18px; line-height: 1.45; font-weight: 600; color: var(--rh-text); background: var(--rh-card); border: 1px solid var(--rh-l1); border-radius: 16px; padding: 9px 14px; box-shadow: 0 8px 18px -14px var(--rh-l4); }
.rh-ck { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 11px; background: rgba(31, 91, 232, .12); color: var(--rh-bluet); }
.rh-ck .rh-ico { width: 18px; height: 18px; stroke-width: 2.6; }
.rh-feature__bar { background: linear-gradient(100deg, #0c2f8f, #1347c9); color: #fff; padding: 18px 36px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; }
.rh-price { display: flex; align-items: center; gap: 16px; }
.rh-price strong { font: 800 46px/1 var(--rh-num); color: inherit; }
.rh-price__x { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.rh-price s { font-size: 20px; line-height: 1; color: rgba(255, 255, 255, .7); }
.rh-price__x span { background: #fff; color: #1347c9; padding: 3px 12px; border-radius: 999px; font-size: 15px; font-weight: 700; line-height: 1.5; }
.rh-feature__bar .rh-btns { display: flex; align-items: center; gap: 24px; }
.rh-feature__bar .rh-link { color: #fff; font-weight: 600; font-size: 18px; opacity: .9; }
.rh-btn--white { background: #fff; color: #1347c9 !important; height: 60px; padding: 0 12px 0 32px; gap: 14px; font-weight: 800; font-size: 19px; box-shadow: 0 18px 30px -14px rgba(0, 0, 0, .5); }
.rh-btn--white .rh-btn__go { width: 38px; height: 38px; background: #1f5be8; color: #fff; }
.rh-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--rh-bluet); }
@media (max-width: 980px) and (min-width: 641px) { .rh-checks { grid-template-columns: 1fr; } .rh-feature__title { font-size: 32px; } }
@media (max-width: 640px) {
	.rh-feature { border-radius: 28px; padding: 18px; box-shadow: 0 1px 2px var(--rh-l1), 0 30px 50px -38px var(--rh-l4); }
	.rh-feature__main { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 14px; }
	.rh-feature__body { display: contents; }
	.rh-feature__img { flex: none; min-height: 0; width: 88px; height: 104px; border-radius: 20px; }
	.rh-feature__head { grid-column: 2; min-width: 0; display: block; align-self: center; }
	.rh-feature__excerpt, .rh-ph__cap, .rh-phone__t, .rh-orb--c, .rh-orb--d { display: none; }
	.rh-phone { width: 54px; height: 82px; border-width: 3px; border-radius: 12px; gap: 0; transform: rotate(-6deg); background: #0a1226; box-shadow: none; }
	.rh-phone__app { width: 20px; height: 20px; border-radius: 7px; background: #3b78ff; }
	.rh-meta { gap: 5px; font-size: 13px; }
	.rh-meta li { padding: 3px 10px; background: rgba(31, 91, 232, .10); border: 0; }
	.rh-feature__title { margin-top: 8px; font-size: 19px; line-height: 1.4; }
	.rh-feature__learn { grid-column: 1 / -1; margin-top: 2px; padding: 0; border: 0; background: none; border-radius: 0; }
	.rh-checks { display: flex; flex-wrap: wrap; gap: 8px; }
	.rh-checks li { font-size: 14.5px; line-height: 1.35; padding: 6px 12px 6px 8px; gap: 8px; border: 1px solid var(--rh-l2); border-radius: 999px; background: var(--rh-alt); box-shadow: none; }
	.rh-checks li:nth-child(n+7) { display: none; }
	.rh-ck { width: 18px; height: 18px; border-radius: 50%; background: var(--rh-blue); color: #fff; }
	.rh-ck .rh-ico { width: 12px; height: 12px; }
	.rh-feature__bar { background: none; color: var(--rh-text); padding: 16px 0 0; margin-top: 18px; border-top: 1px solid var(--rh-l2); flex-wrap: nowrap; gap: 12px; }
	.rh-price { gap: 8px; align-items: baseline; }
	.rh-price strong { font-size: 30px; }
	.rh-price__x { display: contents; }
	.rh-price s { order: 2; font-size: 15px; color: var(--rh-dim); }
	.rh-price__x span { display: none; }
	.rh-feature__bar .rh-link, .rh-btn--white .rh-btn__go { display: none; }
	.rh-btn--white { height: 48px; padding: 0 22px; background: var(--rh-blue); color: #fff !important; font-size: 16px; font-weight: 700; box-shadow: none; }
}

/* ── All courses (desktop design only) ──────────────────────────────── */
.rh-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.rh-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--rh-l2); border-radius: 28px; background: var(--rh-card); box-shadow: 0 1px 2px var(--rh-l1), 0 34px 60px -38px var(--rh-l4); }
.rh-card__img { position: relative; display: block; aspect-ratio: 16 / 8.5; overflow: hidden; background: linear-gradient(150deg, #2a6bff, #0b2a7a); }
.rh-card__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rh-ph--card { flex-direction: column; gap: 14px; }
.rh-ph__tile { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 20px; background: rgba(255, 255, 255, .18); color: #fff; }
.rh-ph--card b { position: relative; font: 800 26px/1.2 var(--rh-num); color: #fff; }
.rh-card__off { position: absolute; z-index: 2; left: 18px; top: 18px; background: #fff; color: #1347c9; font-size: 14px; font-weight: 800; padding: 5px 12px; border-radius: 999px; }
.rh-card__body { display: flex; flex: 1; flex-direction: column; gap: 12px; padding: 22px; }
.rh-card__title { font: 800 26px/1.4 var(--rh-font); color: var(--rh-text); }
.rh-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--rh-l2); }
.rh-card__foot .rh-price { flex-direction: column; gap: 4px; align-items: flex-start; }
.rh-card__foot .rh-price strong { font-size: 32px; color: var(--rh-text); }
.rh-card__foot .rh-price__x { display: contents; }
.rh-card__foot .rh-price s { order: -1; font-size: 16px; line-height: 1; color: var(--rh-dim); }
.rh-card__foot .rh-price__x span { display: none; }
.rh-btn--arrow { padding: 0 8px 0 26px; }
.rh-card__foot .rh-btn { height: 50px; padding: 0 10px 0 24px; gap: 12px; font-size: 18px; background: linear-gradient(180deg, #2f6dff, #1f5be8); box-shadow: 0 14px 24px -12px rgba(31, 91, 232, .7); }
.rh-card__foot .rh-btn__go { width: 32px; height: 32px; }
.rh-soon { display: flex; align-items: center; justify-content: center; min-height: 340px; border: 2px dashed var(--rh-l3); border-radius: 28px; background: var(--rh-alt); text-align: center; }
.rh-soon__in { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.rh-soon__ico { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--rh-card); border: 1px solid var(--rh-l2); color: var(--rh-bluet); }
.rh-soon strong { display: block; font-size: 22px; font-weight: 700; color: var(--rh-text); }
.rh-soon span:not(.rh-soon__ico) { display: block; font-size: 17px; color: var(--rh-muted); }
@media (max-width: 980px) { .rh-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .rh-sec--allc { display: none; } }

/* ── What you will learn (LMS categories, optional) ─────────────────── */
.rh-tabs__bar { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 28px; }
.rh-tab { appearance: none; cursor: pointer; border: 1px solid var(--rh-l2); background: var(--rh-card); color: var(--rh-muted); border-radius: 999px; height: 44px; padding: 0 20px; font: 700 16px/1 var(--rh-font); }
.rh-tab.is-on { background: var(--rh-blue); border-color: var(--rh-blue); color: #fff; }
.rh-learn { display: flex; flex-wrap: wrap; gap: 24px; }
.rh-learn__item { flex: 1 1 calc((100% - 48px) / 3); min-width: 260px; display: flex; flex-direction: column; gap: 14px; padding: 24px; border: 1px solid var(--rh-l2); border-radius: 24px; background: var(--rh-card); box-shadow: 0 1px 2px var(--rh-l1), 0 26px 46px -34px var(--rh-l4); }
.rh-learn__item h3 { font: 800 21px/1.45 var(--rh-font); }
.rh-learn__item p { color: var(--rh-muted); font-size: 16px; }
.rh-learn__item .rh-checks { grid-template-columns: 1fr; }
.rh-learn__item .rh-checks li { font-size: 16px; padding: 7px 12px; }
.rh-learn__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid var(--rh-l1); }
.rh-learn__foot .rh-price { gap: 8px; align-items: baseline; }
.rh-learn__foot .rh-price strong { font-size: 24px; color: var(--rh-text); }
.rh-learn__foot .rh-price__x { display: contents; }
.rh-learn__foot .rh-price s { order: 2; color: var(--rh-dim); font-size: 15px; }
.rh-learn__foot .rh-price__x span { display: none; }

/* ── Why Riyo (problem and solution) ────────────────────────────────── */
.rh-why { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.rh-why--one { grid-template-columns: minmax(0, 720px); justify-content: center; }
.rh-why__vs { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; width: 56px; height: 56px; border-radius: 50%; background: var(--rh-card); border: 1px solid var(--rh-l2); box-shadow: 0 10px 24px -8px var(--rh-l4); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; color: var(--rh-bluet); }
.rh-why--one .rh-why__vs { display: none; }
.rh-why__tabs { display: none; }
.rh-why__col { position: relative; overflow: hidden; border: 1px solid var(--rh-l2); border-radius: 28px; background: var(--rh-card); box-shadow: 0 1px 2px var(--rh-l1); padding: 30px; }
.rh-why__title { margin-bottom: 10px; font: 700 26px/1.3 var(--rh-font); color: var(--rh-muted); }
.rh-why__list li { display: flex; gap: 16px; padding: 13px 0; border-top: 1px dashed var(--rh-l2); }
.rh-why__mark { flex: none; width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid var(--rh-l3); color: var(--rh-dim); display: flex; align-items: center; justify-content: center; }
.rh-why__list strong { display: block; font-weight: 600; font-size: 19px; line-height: 1.4; color: var(--rh-muted); }
.rh-why__list li span:not(.rh-why__mark) { display: block; font-size: 16px; line-height: 1.55; color: var(--rh-dim); margin-top: 3px; }
.rh-why__col--good { background: linear-gradient(155deg, #2a6bff 0%, #1347c9 60%, #0c2f8f 100%); border-color: transparent; color: #fff; box-shadow: 0 40px 70px -34px rgba(19, 71, 201, .75); }
.rh-why__col--good::before { content: ""; position: absolute; right: -70px; top: -70px; width: 220px; height: 220px; border-radius: 50%; background: rgba(255, 255, 255, .08); }
.rh-why__col--good::after { content: ""; position: absolute; right: 30px; bottom: -90px; width: 160px; height: 160px; border-radius: 50%; background: rgba(255, 255, 255, .05); }
.rh-why__col--good > * { position: relative; z-index: 1; }
.rh-why__col--good .rh-why__title { font-weight: 800; color: #fff; }
.rh-why__col--good .rh-why__list li { border-top: 1px solid rgba(255, 255, 255, .2); }
.rh-why__col--good .rh-why__mark { background: #fff; color: #1f5be8; border: 0; box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .25); }
.rh-why__col--good .rh-why__list strong { font-weight: 700; color: #fff; }
.rh-why__col--good .rh-why__list li span:not(.rh-why__mark) { color: rgba(255, 255, 255, .8); }
.rh-why__mark .rh-ico { stroke-width: 2.6; }
.rh-promise { display: flex; gap: 18px; align-items: flex-start; max-width: 896px; margin: 24px auto 0; border: 1px solid var(--rh-l1); border-radius: 24px; background: var(--rh-card); box-shadow: 0 22px 44px -26px var(--rh-l4), 0 2px 6px var(--rh-l1); padding: 24px 28px; }
.rh-promise__ico { flex: none; width: 46px; height: 46px; border-radius: 16px; background: var(--rh-tint); color: var(--rh-bluet); display: flex; align-items: center; justify-content: center; }
.rh-promise h3 { font-weight: 700; font-size: 19px; }
.rh-promise p { color: var(--rh-muted); font-size: 17px; line-height: 1.75; }
@media (max-width: 800px) and (min-width: 641px) { .rh-why { grid-template-columns: 1fr; } .rh-why__vs { display: none; } }
@media (max-width: 640px) {
	.rh-why__tabs { display: flex; gap: 6px; border: 1px solid var(--rh-l2); background: var(--rh-card); border-radius: 999px; padding: 5px; margin-bottom: 14px; }
	.rh-why__tab { appearance: none; flex: 1; height: 46px; border: 0; border-radius: 999px; background: transparent; color: var(--rh-muted); font: 700 15.5px/1 var(--rh-font); cursor: pointer; }
	.rh-why__tab.is-on { background: #1f5be8; color: #fff; }
	.rh-why__tab[data-v="bad"].is-on { background: rgba(229, 72, 77, .14); color: #e5484d; }
	.rh-why { display: block; }
	.rh-why__vs { display: none; }
	.rh-why[data-view="bad"] .rh-why__col--good, .rh-why[data-view="good"] .rh-why__col--bad { display: none; }
	.rh-why__col { border-radius: 28px; padding: 6px 20px 8px; box-shadow: 0 1px 2px var(--rh-l1), 0 30px 50px -38px var(--rh-l4); }
	.rh-why__col--bad { border-color: rgba(229, 72, 77, .3); background: var(--rh-bad); }
	.rh-why__col--good { color: var(--rh-text); background: var(--rh-good); border: 1px solid rgba(31, 91, 232, .4); }
	.rh-why__col--good::before, .rh-why__col--good::after { display: none; }
	.rh-why__title { display: none; }
	.rh-why__list li, .rh-why__col--good .rh-why__list li { gap: 12px; padding: 14px 0; border-top: 0; border-bottom: 1px solid var(--rh-l1); }
	.rh-why__mark { width: 26px; height: 26px; margin-top: 1px; box-shadow: none !important; }
	.rh-why__col--bad .rh-why__mark { background: rgba(229, 72, 77, .14); border: 0; color: #e5484d; }
	.rh-why__col--good .rh-why__mark { background: #1f5be8; color: #fff; }
	.rh-why__list strong, .rh-why__col--good .rh-why__list strong, .rh-why__col--bad .rh-why__list strong { font-weight: 800; font-size: 17px; color: var(--rh-text); }
	.rh-why__list li span:not(.rh-why__mark), .rh-why__col--good .rh-why__list li span:not(.rh-why__mark) { font-size: 14.5px; color: var(--rh-muted); margin-top: 2px; }
	.rh-promise { display: none; }
}

/* ── Practical learning ─────────────────────────────────────────────── */
.rh-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.rh-tile { position: relative; overflow: hidden; border: 1px solid var(--rh-l2); border-radius: 28px; background: linear-gradient(180deg, var(--rh-card), var(--rh-alt)); box-shadow: 0 1px 2px var(--rh-l1), 0 34px 60px -36px var(--rh-l4); padding: 26px 26px 28px; }
.rh-tile::before { content: ""; position: absolute; right: -30px; top: -30px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle, rgba(31, 91, 232, .14), transparent 70%); }
.rh-tile::after { content: ""; position: absolute; left: 34px; bottom: 0; width: 48px; height: 4px; border-radius: 4px 4px 0 0; background: linear-gradient(90deg, #1f5be8, #5b8cff); }
.rh-tile__n { position: absolute; right: 26px; top: 18px; font: 800 44px/1 var(--rh-num); color: var(--rh-bluet); opacity: .16; }
.rh-tile__ico { position: relative; width: 54px; height: 54px; border-radius: 17px; background: linear-gradient(145deg, #3b7bff, #1347c9); color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; box-shadow: 0 18px 28px -14px rgba(31, 91, 232, .75), 0 1px 0 rgba(255, 255, 255, .35) inset; }
.rh-tile__ico .rh-ico { width: 26px; height: 26px; }
.rh-tile h3 { position: relative; margin-bottom: 10px; font: 800 24px/1.35 var(--rh-font); }
.rh-tile p { position: relative; color: var(--rh-muted); font-size: 18px; line-height: 1.7; }
@media (max-width: 980px) and (min-width: 641px) { .rh-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
	.rh-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.rh-tile { border-radius: 22px; background: var(--rh-card); box-shadow: 0 1px 2px var(--rh-l1), 0 22px 36px -28px var(--rh-l4); padding: 16px 14px; }
	.rh-tile::before, .rh-tile__n { display: none; }
	.rh-tile::after { left: 14px; width: 30px; height: 3px; background: var(--rh-blue); }
	.rh-tile__ico { width: 42px; height: 42px; border-radius: 14px; margin-bottom: 12px; background: var(--rh-blue); box-shadow: none; }
	.rh-tile__ico .rh-ico { width: 21px; height: 21px; }
	.rh-tile h3 { margin-bottom: 4px; font-size: 16px; line-height: 1.35; }
	.rh-tile p { font-size: 13.5px; line-height: 1.55; }
}

/* ── Mentor ─────────────────────────────────────────────────────────── */
.rh-sec--mentor { padding: 80px 0; }
.rh-wrap--mentor { max-width: 1048px; }
.rh-mentor { position: relative; overflow: hidden; display: flex; align-items: center; gap: 32px; padding: 28px; border: 1px solid var(--rh-l2); border-radius: 32px; background: var(--rh-card); box-shadow: 0 1px 2px var(--rh-l1), 0 50px 90px -50px var(--rh-l4); }
.rh-mentor::before { content: ""; position: absolute; right: -70px; top: -70px; width: 220px; height: 220px; border-radius: 50%; background: rgba(31, 91, 232, .07); pointer-events: none; }
.rh-mentor::after { content: ""; position: absolute; left: 0; top: 36px; bottom: 36px; width: 5px; border-radius: 0 5px 5px 0; background: var(--rh-blue); }
.rh-mentor__photo { position: relative; flex: none; width: 210px; margin-left: 8px; }
.rh-mentor__plate { position: absolute; inset: 14px -14px -14px 14px; border-radius: 26px; background: rgba(31, 91, 232, .12); }
.rh-mentor__frame { position: relative; height: 250px; border-radius: 26px; overflow: hidden; background: var(--rh-ph); display: flex; align-items: center; justify-content: center; border: 1px solid var(--rh-l2); }
.rh-mentor__frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rh-mentor__frame span { font-size: 16px; color: var(--rh-dim); text-align: center; }
.rh-mentor__body { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.rh-mentor__head { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.rh-mentor .rh-label--pill { font-size: 14px; padding: 5px 14px; }
.rh-mentor .rh-h2 { margin: 0; font-size: 40px; line-height: 1.3; font-weight: 800; }
.rh-mentor__role { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; color: var(--rh-bluet); }
.rh-mentor__role::before { content: ""; flex: none; width: 28px; height: 3px; border-radius: 3px; background: var(--rh-blue); }
.rh-mentor__bio { font-size: 17px; line-height: 1.8; color: var(--rh-muted); }
.rh-mentor__exp { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--rh-bluet); }
.rh-mentor__pts { display: grid; gap: 6px; } .rh-mentor__pts li { display: flex; gap: 8px; align-items: center; color: var(--rh-muted); } .rh-mentor__pts .rh-ico { color: var(--rh-ok); }
.rh-mentor__stats { display: flex; align-self: stretch; padding: 12px 0; border: 1px solid var(--rh-l2); border-radius: 18px; background: var(--rh-alt); }
.rh-mentor__stats li { flex: 1; padding: 4px 18px; display: flex; flex-direction: column; }
.rh-mentor__stats li + li { border-left: 1px solid var(--rh-l2); }
.rh-mentor__stats strong { font: 800 22px/1.3 var(--rh-num); color: var(--rh-bluet); }
.rh-mentor__stats span { font-size: 14px; color: var(--rh-muted); }
.rh-mentor__foot { display: flex; align-items: center; gap: 16px; margin-top: 8px; }
.rh-mentor__foot .rh-btn { height: 50px; padding: 0 10px 0 26px; gap: 12px; font-size: 17px; }
.rh-mentor__foot .rh-btn__go { width: 32px; height: 32px; }
.rh-social { display: flex; gap: 10px; }
.rh-social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--rh-l3); color: var(--rh-muted); }
.rh-social a:hover { border-color: var(--rh-blue); color: var(--rh-text); }
@media (max-width: 800px) and (min-width: 641px) { .rh-mentor { flex-direction: column; align-items: stretch; } .rh-mentor__photo { margin: 0 auto 14px; } }
@media (max-width: 640px) {
	.rh-sec--mentor { padding: 44px 0; }
	.rh-mentor { display: grid; grid-template-columns: 92px minmax(0, 1fr); grid-template-areas: "photo head" "bio bio" "stats stats" "foot foot"; gap: 0 14px; padding: 18px; border-radius: 28px; align-items: center; box-shadow: 0 1px 2px var(--rh-l1), 0 30px 50px -38px var(--rh-l4); }
	.rh-mentor::before { display: none; }
	.rh-mentor::after { top: 22px; bottom: auto; height: 44px; width: 4px; }
	.rh-mentor__body { display: contents; }
	.rh-mentor__photo { grid-area: photo; width: 92px; margin: 0; }
	.rh-mentor__plate { display: none; }
	.rh-mentor__frame { height: 108px; border-radius: 20px; }
	.rh-mentor__frame span { font-size: 12.5px; }
	.rh-mentor__head { grid-area: head; gap: 0; }
	.rh-mentor .rh-label--pill { font-size: 12.5px; padding: 3px 11px; }
	.rh-mentor .rh-h2 { margin: 8px 0 2px; font-size: 23px; line-height: 1.35; }
	.rh-mentor__role { font-size: 15px; } .rh-mentor__role::before { display: none; }
	.rh-mentor__bio { grid-area: bio; margin-top: 14px; font-size: 15px; line-height: 1.7; }
	.rh-mentor__exp, .rh-mentor__pts { grid-column: 1 / -1; margin-top: 10px; }
	.rh-mentor__stats { grid-area: stats; margin-top: 14px; border-radius: 16px; padding: 10px 4px; }
	.rh-mentor__stats li { padding: 2px 6px; align-items: center; text-align: center; }
	.rh-mentor__stats strong { font-size: 17px; } .rh-mentor__stats span { font-size: 12.5px; }
	.rh-mentor__foot { grid-area: foot; margin-top: 14px; flex-direction: column; align-items: stretch; }
	.rh-mentor__foot .rh-btn { height: 50px; padding: 0 22px; font-size: 16px; }
	.rh-mentor__foot .rh-btn__go { display: none; }
}

/* ── Syllabus ───────────────────────────────────────────────────────── */
.rh-syl { position: relative; display: grid; grid-template-columns: repeat(var(--rh-mods, 4), minmax(0, 1fr)); gap: 20px; }
.rh-syl::before { content: ""; position: absolute; left: 12%; right: 12%; top: 27px; border-top: 2px dashed var(--rh-l4); }
.rh-syl__col { position: relative; display: flex; flex-direction: column; align-items: center; }
.rh-syl__no { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--rh-blue); color: #fff; font: 800 22px/1 var(--rh-num); box-shadow: 0 0 0 8px var(--rh-alt); }
.rh-syl__mod { flex: 1; width: 100%; margin-top: 22px; padding: 24px 20px; text-align: center; border: 1px solid var(--rh-l2); border-radius: 24px; background: var(--rh-card); box-shadow: 0 1px 2px var(--rh-l1), 0 26px 46px -34px var(--rh-l4); }
.rh-syl__mod summary { display: block; list-style: none; cursor: default; }
.rh-syl__mod summary::-webkit-details-marker { display: none; }
.rh-syl__name { display: block; font: 800 21px/1.45 var(--rh-font); color: var(--rh-text); }
.rh-syl__chev { display: none; }
.rh-syl__count { display: inline-block; margin-top: 12px; padding: 4px 12px; border-radius: 999px; background: rgba(31, 91, 232, .10); color: var(--rh-bluet); font-size: 14px; font-weight: 600; }
.rh-syl__body br { display: none; }
.rh-syl__body p { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--rh-l1); color: var(--rh-muted); font-size: 16px; line-height: 1.75; }
.rh-syl__more { margin-top: 44px; text-align: center; }
.rh-syl__panel-t, .rh-syl__panel-s { display: none; }
.rh-btn--syl { height: 54px; padding: 0 8px 0 28px; gap: 12px; font-size: 17px; }
.rh-btn--syl .rh-btn__go { width: 38px; height: 38px; }
@media (max-width: 980px) and (min-width: 641px) { .rh-syl { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; } .rh-syl::before { display: none; } }
@media (max-width: 640px) {
	.rh-syl { display: flex; flex-direction: column; gap: 8px; }
	.rh-syl::before { display: none; }
	.rh-syl__col { display: block; }
	.rh-syl__no { position: absolute; z-index: 2; left: 12px; top: 11px; width: 30px; height: 30px; border-radius: 10px; font-size: 14px; box-shadow: none; pointer-events: none; }
	.rh-syl__mod { margin: 0; padding: 0; text-align: left; border-radius: 20px; box-shadow: 0 1px 2px var(--rh-l1), 0 16px 28px -24px var(--rh-l4); }
	.rh-syl__mod summary { display: flex; align-items: center; gap: 11px; min-height: 52px; padding: 11px 12px 11px 53px; cursor: pointer; }
	.rh-syl__name { flex: 1; min-width: 0; font-size: 16px; line-height: 1.35; font-weight: 700; }
	.rh-syl__chev { display: inline-flex; flex: none; color: var(--rh-bluet); }
	.rh-syl__chev .rh-ico { stroke-width: 2.6; }
	.rh-syl__body { margin: 0 12px; padding: 10px 0 13px; border-top: 1px solid var(--rh-l1); font-size: 14.5px; line-height: 1.65; color: var(--rh-muted); }
	.rh-syl__count { display: inline-block; margin: 0 0 6px; padding: 2px 10px; font-size: 12.5px; }
	.rh-syl__body br { display: block; }
	.rh-syl__body p { display: inline; margin: 0; padding: 0; border: 0; font-size: 14.5px; line-height: 1.65; }
	.rh-syl__more { margin-top: 16px; padding: 16px; border: 1px solid var(--rh-l2); border-radius: 20px; background: var(--rh-card); }
	.rh-syl__panel-t { display: block; font-size: 15.5px; font-weight: 800; color: var(--rh-text); }
	.rh-syl__panel-s { display: block; margin-top: 2px; font-size: 13.5px; color: var(--rh-muted); }
	.rh-btn--syl { display: flex; width: 100%; height: 48px; margin-top: 12px; padding: 0 22px; border-radius: 12px; gap: 8px; font-size: 16px; }
	.rh-btn--syl .rh-btn__go { width: auto; height: auto; background: none; color: #fff; }
	.rh-btn--syl .rh-ico { width: 18px; height: 18px; stroke-width: 2.4; }
}

/* ── Student reviews ────────────────────────────────────────────────── */
.rh-revs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.rh-review { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 18px; margin: 0; padding: 28px; border: 1px solid var(--rh-l2); border-radius: 28px; background: var(--rh-card); box-shadow: 0 1px 2px var(--rh-l1), 0 34px 60px -38px var(--rh-l4); }
.rh-review::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--rh-blue); }
.rh-review__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rh-review__rate { display: inline-flex; align-items: center; gap: 10px; padding: 6px 14px; border-radius: 999px; background: rgba(245, 183, 59, .14); }
.rh-stars { display: inline-flex; font-size: 16px; line-height: 1; letter-spacing: 2px; }
.rh-stars i { font-style: normal; color: var(--rh-l4); } .rh-stars i.is-on { color: #f5b73b; }
.rh-review__rate b { font-size: 15px; font-weight: 800; color: var(--rh-text); }
.rh-review__qt { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 14px; background: rgba(31, 91, 232, .10); color: var(--rh-bluet); }
.rh-review__qt .rh-ico { width: 24px; height: 24px; fill: currentColor; stroke-width: 0; }
.rh-review blockquote { font-size: 18px; line-height: 1.85; font-weight: 500; color: var(--rh-text); }
.rh-review figcaption { display: flex; align-items: center; gap: 14px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--rh-l1); }
.rh-review__ph { flex: none; width: 50px; height: 50px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 4px rgba(31, 91, 232, .14); }
.rh-review__ph--i { display: flex; align-items: center; justify-content: center; background: var(--rh-blue); color: #fff; font-size: 20px; font-weight: 800; }
.rh-review__who { display: flex; flex-direction: column; min-width: 0; }
.rh-review__who strong { font-size: 18px; font-weight: 800; line-height: 1.4; }
.rh-review__who em { font-style: normal; font-size: 15px; color: var(--rh-muted); }
@media (max-width: 980px) and (min-width: 641px) { .rh-revs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
	.rh-revs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.rh-review:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.rh-review { align-items: center; gap: 6px; padding: 14px 12px 12px; border-radius: 18px; text-align: center; box-shadow: none; }
	.rh-review::before { display: none; }
	.rh-review__top, .rh-review figcaption, .rh-review__who, .rh-review__rate { display: contents; }
	.rh-review__qt, .rh-review__rate b { display: none; }
	.rh-review__ph { order: 1; width: 44px; height: 44px; font-size: 17px; box-shadow: 0 0 0 4px var(--rh-alt); }
	.rh-review__who strong { order: 2; font-size: 14px; line-height: 1.4; }
	.rh-review__who em { order: 3; margin-top: -4px; font-size: 12px; }
	.rh-stars { order: 4; font-size: 12px; letter-spacing: 1.5px; }
	.rh-review blockquote { order: 5; margin-top: 2px; font-size: 13.5px; line-height: 1.65; font-weight: 400; }
}

/* ── Learning journey ───────────────────────────────────────────────── */
.rh-sec--journey { padding: 120px 0 100px; overflow: hidden; }
.rh-steps { display: grid; grid-template-columns: repeat(var(--rh-n, 5), minmax(0, 1fr)); gap: 16px; align-items: end; }
.rh-step { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: var(--h, 250px); padding: 22px; border: 1px solid var(--rh-l2); border-radius: 26px; background: var(--rh-card); box-shadow: 0 1px 2px var(--rh-l1), 0 34px 54px -36px var(--rh-l4); }
.rh-step__big { position: absolute; right: 14px; bottom: -12px; font: 800 92px/1 var(--rh-num); color: rgba(31, 91, 232, .10); pointer-events: none; }
.rh-step__ico { position: relative; display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 16px; background: var(--rh-blue); color: #fff; }
.rh-step__body { position: relative; }
.rh-step__row { display: block; }
.rh-step__no { display: none; }
.rh-step h3 { margin-bottom: 8px; font: 800 21px/1.4 var(--rh-font); color: var(--rh-text); }
.rh-step p { font-size: 16px; line-height: 1.7; color: var(--rh-muted); }
@media (min-width: 641px) {
	.rh-step:last-child { background: var(--rh-blue); border-color: transparent; }
	.rh-step:last-child .rh-step__big { color: rgba(255, 255, 255, .18); }
	.rh-step:last-child .rh-step__ico { background: #fff; color: var(--rh-blue); }
	.rh-step:last-child h3 { color: #fff; } .rh-step:last-child p { color: rgba(255, 255, 255, .85); }
}
@media (max-width: 980px) and (min-width: 641px) { .rh-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; } .rh-step { height: auto; min-height: 220px; gap: 24px; } }
@media (max-width: 640px) {
	.rh-sec--journey { padding: 44px 0; }
	.rh-steps { position: relative; display: block; }
	.rh-steps::before { content: ""; position: absolute; left: 21px; top: 22px; bottom: 22px; width: 2px; background: var(--rh-l3); }
	.rh-step { display: block; height: auto; margin-bottom: 14px; padding: 0 0 0 58px; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
	.rh-step:last-child { margin-bottom: 0; }
	.rh-step__big { display: none; }
	.rh-step__ico { position: absolute; left: 0; top: 10px; width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 0 0 5px var(--rh-alt); }
	.rh-step__ico .rh-ico { width: 20px; height: 20px; }
	.rh-step__body { padding: 12px 14px; border: 1px solid var(--rh-l2); border-radius: 20px; background: var(--rh-card); }
	.rh-step__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
	.rh-step h3 { margin: 0; font-size: 16.5px; line-height: 1.4; }
	.rh-step__no { display: inline-block; padding: 2px 9px; border-radius: 999px; background: rgba(31, 91, 232, .10); color: var(--rh-bluet); font: 800 12.5px/1.5 var(--rh-num); }
	.rh-step p { margin-top: 3px; font-size: 14px; line-height: 1.55; }
}

/* ── FAQ ────────────────────────────────────────────────────────────── */
.rh-wrap--faq { max-width: 948px; }
.rh-faq { padding: 10px 34px; border: 1px solid var(--rh-l2); border-radius: 30px; background: var(--rh-card); box-shadow: 0 1px 2px var(--rh-l1), 0 40px 70px -46px var(--rh-l4); }
.rh-faq__item { border-bottom: 1px solid var(--rh-l1); }
.rh-faq__item summary { display: flex; align-items: center; gap: 18px; padding: 26px 0; list-style: none; cursor: pointer; }
.rh-faq__item summary::-webkit-details-marker { display: none; }
.rh-faq__dia { flex: none; width: 12px; height: 12px; border-radius: 4px; background: var(--rh-blue); transform: rotate(45deg); }
.rh-faq__q { flex: 1; min-width: 0; font-size: 21px; font-weight: 800; line-height: 1.5; color: var(--rh-text); }
.rh-faq__plus { position: relative; flex: none; width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--rh-l3); color: var(--rh-bluet); }
.rh-faq__plus::before, .rh-faq__plus::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; border-radius: 2px; background: currentColor; }
.rh-faq__plus::after { transform: rotate(90deg); transition: transform .2s ease; }
.rh-faq__item[open] .rh-faq__plus { background: var(--rh-blue); border-color: var(--rh-blue); color: #fff; }
.rh-faq__item[open] .rh-faq__plus::after { transform: rotate(0); }
.rh-faq__item p { margin: -6px 58px 0 30px; padding-bottom: 26px; font-size: 18px; line-height: 1.85; color: var(--rh-muted); }
.rh-faq__help { position: relative; overflow: hidden; display: flex; align-items: center; gap: 16px; margin-top: 28px; padding: 22px 30px; border-radius: 28px; background: var(--rh-blue); color: #fff; }
.rh-faq__help::before { content: ""; position: absolute; right: -60px; top: -80px; width: 220px; height: 220px; border-radius: 50%; background: rgba(255, 255, 255, .10); pointer-events: none; }
.rh-faq__help > * { position: relative; }
.rh-faq__ico { flex: none; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: rgba(255, 255, 255, .18); color: #fff; }

.rh-faq__help > div { flex: 1; min-width: 0; }
.rh-faq__help strong { display: block; font-size: 20px; font-weight: 800; line-height: 1.4; }
.rh-faq__help > div > span { display: block; font-size: 16px; color: rgba(255, 255, 255, .85); }
.rh-faq__bico { display: none; }
.rh-faq__help .rh-btn--white { height: 46px; padding: 0 6px 0 22px; gap: 12px; font-size: 16px; font-weight: 800; box-shadow: none; }
.rh-faq__help .rh-btn--white .rh-btn__go { width: 34px; height: 34px; }
@media (max-width: 640px) {
	.rh-faq { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; display: grid; gap: 10px; }
	.rh-faq__item, .rh-faq__item:last-child { border: 1px solid var(--rh-l2); border-radius: 18px; padding: 0 14px; background: var(--rh-card); box-shadow: 0 12px 24px -20px var(--rh-l4); }
	.rh-faq__item summary { gap: 10px; padding: 12px 0; min-height: 68px; }
	.rh-faq__dia { width: 8px; height: 8px; border-radius: 2px; }
	.rh-faq__q { font-size: 15.5px; font-weight: 700; }
	.rh-faq__plus { width: 28px; height: 28px; }
	.rh-faq__plus::before, .rh-faq__plus::after { width: 11px; margin-left: -5.5px; }
	.rh-faq__item p { margin: 0; padding: 0 4px 14px 18px; font-size: 14px; line-height: 1.7; }
	.rh-faq__help { display: block; margin-top: 14px; padding: 14px; border: 1.5px dashed var(--rh-l4); border-radius: 18px; background: none; color: var(--rh-text); text-align: center; overflow: visible; }
	.rh-faq__help::before, .rh-faq__ico { display: none; }
	.rh-faq__help strong { font-size: 15.5px; }
	.rh-faq__help > div > span { font-size: 13.5px; color: var(--rh-muted); }
	.rh-faq__help .rh-btn--white { display: inline-flex; height: 42px; margin-top: 12px; padding: 0 20px; gap: 8px; border-radius: 999px; background: var(--rh-blue); color: #fff !important; font-size: 14.5px; font-weight: 700; }
	.rh-faq__help .rh-btn__go { display: none; }
	.rh-faq__bico { display: inline-flex; }
}

/* ── Final call to action ───────────────────────────────────────────── */
.rh-sec--cta { padding: 110px 0; }
.rh-wrap--cta { max-width: 1148px; }
.rh-cta { display: flex; flex-wrap: wrap; filter: drop-shadow(0 1px 2px var(--rh-l2)) drop-shadow(0 34px 34px var(--rh-l1)); }
.rh-cta__main { position: relative; flex: 1.7 1 440px; min-width: 0; padding: 48px 48px 44px; border-radius: 32px 0 0 32px; background: var(--rh-card); -webkit-mask: radial-gradient(circle 17px at 100% 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 17px at 100% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; mask: radial-gradient(circle 17px at 100% 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 17px at 100% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; }
.rh-cta__tag { display: inline-block; padding: 6px 18px; border-radius: 999px; background: rgba(31, 91, 232, .10); color: var(--rh-bluet); font-size: 15px; font-weight: 700; }
.rh-cta .rh-h2 { margin: 20px 0 0; font-size: 44px; line-height: 1.35; font-weight: 800; }
.rh-cta .rh-lead { max-width: 520px; margin-top: 14px; font-size: 19px; line-height: 1.8; }
.rh-cta__chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.rh-cta__chips li { display: inline-flex; align-items: center; gap: 8px; padding: 7px 16px; border: 1px solid var(--rh-l2); border-radius: 999px; background: var(--rh-alt); font-size: 16px; font-weight: 700; color: var(--rh-text); }
.rh-cta__chips .rh-ico { width: 16px; height: 16px; color: var(--rh-blue); stroke-width: 2.6; }
.rh-cta__btns, .rh-cta__line { display: none; }
.rh-cta__side { position: relative; flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 36px; border-radius: 0 32px 32px 0; background: #1347c9; color: #fff; text-align: center; -webkit-mask: radial-gradient(circle 17px at 0% 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 17px at 0% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; mask: radial-gradient(circle 17px at 0% 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 17px at 0% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; }
.rh-cta__side::before { content: ""; position: absolute; left: 0; top: 30px; bottom: 30px; border-left: 2px dashed rgba(255, 255, 255, .55); }
.rh-cta__tl { font-size: 16px; font-weight: 700; color: rgba(255, 255, 255, .8); }
.rh-cta__tp { margin-top: 8px; font: 800 58px/1.15 var(--rh-num); }
.rh-cta__tx { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 6px; }
.rh-cta__tx s { font-size: 20px; color: rgba(255, 255, 255, .7); }
.rh-cta__off { padding: 3px 12px; border-radius: 999px; background: #fff; color: #1347c9; font-size: 15px; font-weight: 800; }
.rh-btn--tick { width: 100%; height: 56px; margin-top: 26px; background: #fff; color: #1347c9 !important; font-size: 18px; font-weight: 800; }
.rh-cta__lnk { margin-top: 14px; font-size: 16px; font-weight: 700; color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.rh-cta--plain .rh-cta__main { border-radius: 32px; -webkit-mask: none; mask: none; flex-basis: 100%; }
.rh-cta--plain .rh-cta__btns { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
.rh-btn--cta { height: 56px; padding: 0 30px; font-size: 18px; }
.rh-btn--cta2 { height: 56px; padding: 0 30px; font-size: 18px; background: var(--rh-card); color: var(--rh-text) !important; border: 1px solid var(--rh-l3); }
@media (max-width: 800px) and (min-width: 641px) { .rh-cta__main, .rh-cta__side { border-radius: 32px; -webkit-mask: none; mask: none; flex-basis: 100%; } .rh-cta__side::before { display: none; } .rh-cta { filter: none; gap: 16px; } .rh-cta .rh-h2 { font-size: 36px; } }
@media (max-width: 640px) {
	.rh-sec--cta { padding: 32px 0 40px; }
	.rh-wrap--cta { max-width: none; }
	.rh-cta { position: relative; overflow: hidden; display: block; padding: 26px 18px 20px; border-radius: 22px; background: var(--rh-blue); color: #fff; text-align: center; filter: none; }
	.rh-cta::before { content: ""; position: absolute; right: -50px; top: -70px; width: 170px; height: 170px; border-radius: 50%; background: rgba(255, 255, 255, .10); }
	.rh-cta__main { position: relative; padding: 0; border-radius: 0; background: none; -webkit-mask: none; mask: none; }
	.rh-cta__side, .rh-cta__tag, .rh-cta__chips { display: none; }
	.rh-cta .rh-h2 { margin: 0; font-size: 22px; line-height: 1.4; color: #fff; }
	.rh-cta .rh-lead { display: block; max-width: none; margin-top: 8px; font-size: 14px; line-height: 1.7; color: rgba(255, 255, 255, .88); }
	.rh-cta__btns, .rh-cta--plain .rh-cta__btns { display: flex; gap: 10px; margin-top: 16px; }
	.rh-btn--cta, .rh-btn--cta2 { flex: 1; min-width: 0; height: 46px; padding: 0 10px; font-size: 15px; }
	.rh-btn--cta { background: #fff; color: #1347c9 !important; font-weight: 800; }
	.rh-btn--cta2 { background: none; color: #fff !important; border: 1.5px solid rgba(255, 255, 255, .55); font-weight: 700; }
	.rh-cta__line { display: block; margin-top: 14px; font-size: 12.5px; color: rgba(255, 255, 255, .88); }
}

/* ── Footer (always navy) ───────────────────────────────────────────── */
.rh-footer { background: #07142f; color: #e8edf7; border-top: 1px solid rgba(148, 163, 184, .14); font-size: 16px; line-height: 1.7; padding: 56px 0 22px; }
.rh-footer a { color: inherit; }
.rh-footer .rh-wrap { max-width: 1248px; }
.rh-footer__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; align-items: start; }
.rh-footer h3 { margin: 0 0 18px; font: 800 19px/1.4 var(--rh-font); color: #fff; }
.rh-footer ul { list-style: none; margin: 0; padding: 0; }
.rh-footer nav ul { display: grid; gap: 12px; font-size: 16px; line-height: 1.5; color: #aab6cc; }
.rh-footer li a:hover { color: #fff; }
.rh-footer .rh-brand { gap: 12px; }
.rh-footer .rh-brand__name { color: #fff; }
.rh-footer .rh-brand__mark { width: 40px; height: 40px; border-radius: 14px; background: #2f6bff; }
.rh-footer .rh-brand__name { font-size: 22px; }
.rh-footer__brand > p { max-width: 320px; margin: 14px 0 18px; font-size: 16px; line-height: 1.7; color: #aab6cc; }
.rh-footer__cbox ul { display: grid; gap: 12px; font-size: 16px; line-height: 1.5; color: #aab6cc; }
.rh-footer__contact li { display: flex; gap: 12px; align-items: center; }
.rh-footer__contact .rh-ico { flex: none; width: 17px; height: 17px; color: #6f9bff; }
.rh-footer__follow > h3 + .rh-social, .rh-social--foot { display: flex; flex-wrap: wrap; gap: 12px; }
.rh-footer .rh-social a { width: 42px; height: 42px; border: 0; border-radius: 50%; background: #1f3a78; color: #fff; }
.rh-footer .rh-social a svg { width: 20px; height: 20px; }
.rh-footer .rh-social a[data-t="facebook"] { background: #1877f2; } .rh-footer .rh-social a[data-t="whatsapp"] { background: #25d366; }
.rh-footer .rh-social a[data-t="youtube"] { background: #ff0000; } .rh-footer .rh-social a[data-t="instagram"] { background: linear-gradient(45deg, #f9a03f, #e1306c 55%, #7b3fe4); }
.rh-footer .rh-social a[data-t="telegram"] { background: #26a5e4; } .rh-footer .rh-social a[data-t="twitter"] { background: #111; } .rh-footer .rh-social a[data-t="messenger"] { background: #0a7cff; }
.rh-pay { margin-top: 26px; }
.rh-pay span { display: block; margin-bottom: 12px; font: 700 15px/1.3 var(--rh-font); color: #fff; }
.rh-pay img { display: block; max-width: 100%; height: auto; max-height: 120px; border-radius: 10px; background: #fff; padding: 6px; }
.rh-footer__bar { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px 24px; margin-top: 36px; padding-top: 18px; border-top: 1px solid rgba(148, 163, 184, .14); font-size: 15px; color: #7a89a3; }
.rh-footer .rh-footer__note { max-width: 640px; margin: 0; font-size: 13px; line-height: 1.6; color: #5d6b84; text-align: right; }
.rh-top { position: fixed; right: 18px; bottom: 18px; z-index: 55; width: 46px; height: 46px; padding: 0; border-radius: 14px; border: 1px solid var(--rh-l3); background: var(--rh-card); color: var(--rh-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; visibility: hidden; box-shadow: 0 10px 24px -10px var(--rh-l4); transition: opacity .2s ease, visibility .2s ease; }
.rh-top.is-on { opacity: 1; visibility: visible; }
.rh-top:hover { border-color: var(--rh-blue); }
@media (prefers-reduced-motion: reduce) { .rh-site * { transition: none !important; animation: none !important; } }
@media (max-width: 980px) and (min-width: 641px) { .rh-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; } }
@media (max-width: 640px) {
	.rh-footer { padding: 26px 0 16px; font-size: 14px; }
	.rh-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; }
	.rh-footer__brand, .rh-footer__follow { display: contents; }
	.rh-footer .rh-brand { grid-column: 1 / -1; order: 1; gap: 10px; }
	.rh-footer .rh-brand__mark { width: 34px; height: 34px; border-radius: 10px; }
	.rh-footer .rh-brand__name { font-size: 19px; }
	.rh-footer__brand > p { grid-column: 1 / -1; order: 2; max-width: none; margin: -4px 0 0; font-size: 14px; line-height: 1.75; color: #aab6cb; }
	.rh-footer__follow > h3 { display: none; }
	.rh-footer__follow .rh-social { grid-column: 1 / -1; order: 3; gap: 10px; }
	.rh-footer .rh-social a { width: 40px; height: 40px; border-radius: 12px; border: 1px solid rgba(148, 163, 184, .25); background: rgba(148, 163, 184, .07) !important; color: #d6e0f5; }
	.rh-footer__grid > nav { margin-top: 4px; }
	.rh-footer__grid > nav:nth-of-type(1) { order: 4; } .rh-footer__grid > nav:nth-of-type(2) { order: 5; }
	.rh-footer h3 { margin-bottom: 10px; font-size: 14.5px; font-weight: 700; color: #e8edf7; }
	.rh-footer nav ul { gap: 8px; font-size: 14px; color: #98a6bd; }
	.rh-footer__cbox { grid-column: 1 / -1; order: 6; margin-top: 2px; padding: 6px 14px; border: 1px solid rgba(148, 163, 184, .16); border-radius: 16px; background: rgba(148, 163, 184, .05); }
	.rh-footer__cbox ul { gap: 0; font-size: 14px; color: #d6e0f5; }
	.rh-footer__contact li { gap: 11px; padding: 9px 0; border-bottom: 1px solid rgba(148, 163, 184, .12); }
	.rh-footer__contact li:last-child { border-bottom: 0; }
	.rh-footer__contact .rh-ico { width: 16px; height: 16px; color: #8fb5ff; }
	.rh-footer__follow .rh-pay { grid-column: 1 / -1; order: 7; margin: 0; }
	.rh-footer__bar { display: block; margin-top: 18px; padding-top: 12px; text-align: center; font-size: 12.5px; color: #6b7a90; }
	.rh-footer .rh-footer__note { margin: 6px auto 0; max-width: none; text-align: center; font-size: 11px; color: #55637a; }
}