.course-intro { display:flex; align-items:end; justify-content:space-between; gap:35px; margin-bottom:36px; }
.course-sales-hero { padding-block: 78px 62px; }
.course-sales-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 68px; align-items: center; }
.course-sales-hero h1 { font-size: clamp(44px, 4.9vw, 69px); }
.course-sales-hero .lead { font-size: 17px; }
.course-sales-hero .btn-purchase { min-height: 56px; padding-inline: 26px; }
.course-summary-card { position: relative; padding: 32px; background: radial-gradient(ellipse at 0 0, #2c599b55, transparent 85%), #0f1b2e; border: 1px solid #40679b; border-radius: 20px; box-shadow: 0 25px 60px #0004; }
.summary-card-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.summary-card-top .code-label { font-size: 9px; }
.summary-number { display: flex; align-items: center; gap: 23px; font-size: 110px; font-weight: 700; line-height: 1; color: #b9ddff; letter-spacing: -.075em; margin: 32px 0; }
.summary-number > span { font-size: 17px; line-height: 1.45; letter-spacing: -.025em; color: #d5e5fb; font-weight: 500; }
.summary-stages { display: grid; gap: 14px; padding-bottom: 27px; }
.summary-stages > span { display: flex; gap: 12px; font-size: 12px; color: #c8d7eb; }
.summary-stages b { font-size: 10px; color: #8fb9f6; font-weight: 500; }
.summary-card-bottom { display: flex; justify-content: space-between; gap: 15px; padding-top: 20px; border-top: 1px solid #365070; font-size: 10px; color: #92afd4; }
.summary-card-bottom .icon { width: 15px; height: 15px; }
.course-intro h2 { margin-top:17px; }
.module-count { font-size:13px; color:#a1b8d6; white-space:nowrap; }
.course-modules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; }
.module-card { border:1px solid #293c59; background:#0d1523; border-radius:14px; overflow:hidden; }
.module-cover { height:168px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:9px; background:radial-gradient(ellipse at 50% 110%,#0c53b0 0,#071426 52%,#050a13 95%); border-bottom:1px solid #253b5d; }
.module-cover::before { content:''; width:150%; height:1px; position:absolute; background:#1b75ff; transform:rotate(-35deg); top:16px; left:-65%; box-shadow:0 0 17px #198cff; }
.module-cover::after { content:''; position:absolute; width:150%; height:1px; background:#639fff; transform:rotate(-35deg); right:-73%; bottom:22px; box-shadow:0 0 17px #198cff; }
.module-cover .icon { width:37px; height:37px; color:#7dd6ff; }
.cover-word { font-size:12px; letter-spacing:.18em; font-weight:700; color:#c5e4ff; }
.cover-number { font-size:58px; font-weight:700; letter-spacing:-.06em; line-height:.95; color:#c2eaff; text-shadow:0 3px 0 #143c85,0 0 27px #3985ff; }
.cover-special { font-size:24px; text-align:center; font-weight:700; color:#e8f5ff; letter-spacing:-.025em; }
.module-card-content { padding:23px; }
.module-card-content>.code-label { font-size:10px; }
.module-card-content h3 { margin:10px 0 16px; font-size:18px; line-height:1.35; min-height:49px; }
.module-card summary { color:#8bbbff; font-size:12px; cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:15px; }
.module-card summary::-webkit-details-marker { display:none; }
.module-card summary::after { content:'+'; font-size:17px; line-height:1.2; }
.module-card details[open] summary::after { content:'−'; }
.module-card details p { font-size:13px; line-height:1.8; margin-top:15px; }
.course-module-actions { margin-top:25px; }
.payment-section { background:#0b1322; border-block:1px solid #293b56; }
.enrollment-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:65px; align-items:center; }
.enrollment-copy h2 { margin:19px 0 24px; }
.enrollment-copy>p { max-width:550px; font-size:15px; }
.enrollment-card { padding:38px; border:1px solid #4476c0; border-radius:18px; background:radial-gradient(ellipse at 100% 0,#215aab3a,transparent 70%),#101d33; }
.enrollment-card h3 { font-size:29px; margin:24px 0 14px; }
.enrollment-card .btn { width:100%; }
.enrollment-card .small { margin-top:16px; line-height:1.8; }
.enrollment-card .text-link { margin-top:20px; }
.enrollment-card .btn-purchase { min-height: 59px; font-size: 15px; margin-top: 8px; }
.enrollment-reminder { display: flex; align-items: center; gap: 19px; padding: 23px 0 0; margin-top: 30px; border-top: 1px solid #293e5d; }
.enrollment-reminder > span { font-size: 43px; color: #84bfff; line-height: 1; }
.enrollment-reminder p { font-size: 13px; }
.enrollment-reminder strong { display: inline-block; margin-top: 4px; color: #d0e6ff; }
.learning-route { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.route-step { border-top: 2px solid #4278c3; padding: 26px 0 0; display: flex; flex-direction: column; }
.route-step > span { color: #79baff; font-size: 36px; font-weight: 700; letter-spacing: -.05em; line-height: 1; }
.route-step h3 { margin: 25px 0 17px; font-size: 22px; }
.route-step p { font-size: 13px; flex: 1; }
.route-step .text-link { margin-top: 23px; font-size: 11px; }
.learner-fit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; }
.learner-fit-card { padding: 34px; border: 1px solid #304564; border-radius: 15px; background: #0e1827; }
.learner-fit-card h3 { font-size: 29px; margin: 24px 0 20px; }
.learner-fit-card > p { font-size: 14px; max-width: 430px; }
.learner-fit-card .check-list { margin-bottom: 0; }
.course-faq { border-bottom: 1px solid #202f45; }
.request-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:65px; align-items:start; }
.request-copy h2 { margin:18px 0 24px; }
.request-copy>p { font-size:15px; }
.request-copy .check-list { margin-top:32px; }
.request-email { margin-top:30px; display:block; color:#8ac4ff; font-size:13px; overflow-wrap:anywhere; }
.request-panel { padding:34px; border:1px solid #304c72; background:#101a2b; border-radius:16px; }
.form-two { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.field-hint { color:#8298b8; font-size:11px; line-height:1.6; }
.consent { display:flex; align-items:start; gap:10px; font-size:12px; color:#aabbcf; line-height:1.7; }
.consent input { margin-top:4px; accent-color:#4b8bff; flex-shrink:0; }
.consent a { color:#9ccaff; text-decoration:underline; text-underline-offset:3px; }
.request-panel .btn { justify-self:start; }
.request-panel .form-status { margin-top:18px; }
.form-status.success { color:#9ae6c1; }
.form-status.pending { color:#f7d694; }
.request-backup { margin-top:16px; }
.request-backup a { color:#98c6ff; text-decoration:underline; }
.honeypot { position:absolute; left:-9999px; height:1px; width:1px; overflow:hidden; }
@media(max-width:950px) { .course-modules { grid-template-columns:repeat(2,minmax(0,1fr)); } .enrollment-grid,.request-layout { grid-template-columns:1fr; gap:35px; } }
@media(max-width:600px) { .course-intro { display:block; } .module-count { display:block; margin-top:18px; } .course-modules,.form-two { grid-template-columns:1fr; } .module-cover { height:174px; } .module-card-content h3 { min-height:auto; } .request-panel,.enrollment-card { padding:25px; } .request-panel .btn { width:100%; } }
@media(max-width:1100px) { .course-sales-grid { gap: 35px; } .course-summary-card { padding: 25px; } .summary-number { font-size: 93px; gap: 18px; } .summary-number > span { font-size: 15px; } }
@media(max-width:900px) { .course-sales-grid { grid-template-columns: 1fr; gap: 40px; } .course-summary-card { max-width: 590px; width: 100%; } .learning-route { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 35px; } }
@media(max-width:600px) { .course-sales-hero { padding-top: 46px; } .course-sales-hero .lead { font-size: 16px; } .course-summary-card { padding: 24px; } .summary-number { font-size: 92px; } .summary-number > span { font-size: 16px; } .summary-stages > span { font-size: 11px; } .learner-fit-grid { grid-template-columns: 1fr; } .learner-fit-card { padding: 27px; } .learner-fit-card h3 { font-size: 26px; } .learning-route { gap: 32px 24px; } .route-step h3 { font-size: 20px; } .route-step .text-link { line-height: 1.6; } }
@media(max-width:380px) { .learning-route { grid-template-columns: 1fr; } .summary-card-top .code-label { display: none; } }