:root{--spacing-0:0px;--spacing-2:2px;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-14:14px;--spacing-16:16px;--spacing-18:18px;--spacing-20:20px;--spacing-22:22px;--spacing-24:24px;--spacing-28:28px;--spacing-30:30px;--spacing-32:32px;--spacing-36:36px;--spacing-40:40px;--spacing-64:64px;--spacing-76:76px;--spacing-100:100px;--radius-0:0px;--radius-2:2px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-14:14px;--radius-16:16px;--radius-18:18px;--radius-20:20px;--radius-99:99px;--text-title:#434f5c;--text-body:#6b7e93;--primary:#2f7ef5;--surface-body:#f8fafa;--surface-subtle:#f3f5f8;--surface-lightblue:#e8f1fe;--surface-lightgray:#bfc8d4;--surface-lightred:#fef2f2;--purple-400:#ede9fe;--purple-800:#7c3aed;--green-400:#f0fdfa;--green-800:#16a390;--blue-400:#e8f1fe;--blue-800:#2f7ef5;--orange-400:#fff7ed;--orange-800:#ea580c;--red:#dc2626;--subject-html:#16a390;--border-base:#e2e7ed;--on-color-blue:#2f7ef5;--on-color-gray:#6b7e93;--on-color-lightblue:#e8f1fe}section.course-info{margin-top:279px;width:100%;display:flex;flex-direction:column}section.course-info .course-info-title{padding-bottom:77px}section.course-info .course-info-title h1.hero{padding-bottom:22px;font-size:53px;font-weight:700;line-height:1.4;color:var(--text-title);text-align:center}section.course-info .course-info-title h4{font-size:18px;font-weight:400;line-height:1.5;color:var(--text-title);text-align:center}section.course-info article{display:flex;gap:var(--spacing-24);justify-content:center}section.course-info article figure{width:638px;flex-shrink:0;display:flex;flex-direction:column;gap:30px;padding:var(--spacing-36) var(--spacing-30);border-radius:var(--radius-20);background-color:var(--surface-body);box-shadow:4px 4px 2px rgba(47,126,245,.05),inset 3px 3px 0 #fff}section.course-info article figure h2{font-size:22px;font-weight:700;line-height:1.5;color:var(--text-title)}section.course-info article figure div{display:flex;flex-direction:column;gap:var(--spacing-20);align-items:flex-start}section.course-info article figure div p{font-size:16px;font-weight:500;line-height:1.5;color:var(--text-body)}