.academy-journey { width: min(1480px, calc(100% - 32px)); margin: 74px auto; padding: clamp(24px, 4vw, 62px); border-radius: 42px; background: #11120f; color: #f8f5ed; overflow: hidden; position: relative; }
.academy-journey::before { content: ""; position: absolute; width: 520px; height: 520px; right: -180px; top: -220px; border-radius: 50%; background: radial-gradient(circle, rgba(255,91,54,.28), transparent 68%); }
.academy-journey__head { position: relative; max-width: 980px; }
.academy-journey__eyebrow { color: #dff56e; font-size: 11px; font-weight: 800; letter-spacing: .2em; }
.academy-journey__title { margin: 12px 0 8px; font-family: "Bodoni Moda", serif; font-size: clamp(42px, 6vw, 84px); line-height: .96; font-weight: 500; }
.academy-journey__status { min-height: 24px; color: #ff8064; font-size: 13px; }
.academy-journey__body { position: relative; margin-top: 42px; }
.academy-empty { padding: 50px; border: 1px dashed rgba(255,255,255,.2); border-radius: 24px; color: rgba(255,255,255,.65); text-align: center; }
.academy-rail { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; }
.academy-rail__step { min-height: 92px; padding: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; color: rgba(255,255,255,.35); }
.academy-rail__step.is-active { border-color: rgba(223,245,110,.35); color: #fff; background: rgba(223,245,110,.06); }
.academy-rail__step span { display: block; color: #ff5b36; font-size: 10px; margin-bottom: 22px; }
.academy-rail__step strong { font-size: 11px; line-height: 1.25; }
.academy-progress { height: 3px; margin-top: 14px; overflow: hidden; border-radius: 3px; background: rgba(255,255,255,.1); }
.academy-progress i { display: block; height: 100%; background: linear-gradient(90deg, #ff5b36, #dff56e); transition: width .6s ease; }
.academy-journey__body > small { color: rgba(255,255,255,.42); text-transform: uppercase; font-size: 9px; letter-spacing: .14em; }
.academy-enroll { display: grid; grid-template-columns: 1.4fr .8fr; gap: 30px; margin-top: 42px; padding: 32px; border-radius: 28px; background: #f8f5ed; color: #11120f; }
.academy-enroll h3, .academy-block h3 { margin: 8px 0; font-family: "Bodoni Moda", serif; font-size: clamp(28px, 4vw, 48px); }
.academy-enroll > div:last-child { display: grid; align-content: center; gap: 10px; }
.academy-enroll strong { font-family: "Bodoni Moda", serif; font-size: 52px; }
.academy-enroll button, .academy-order { border: 0; border-radius: 999px; padding: 15px 22px; background: #ff5b36; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.academy-block { margin-top: 62px; }
.academy-block__title { display: flex; align-items: baseline; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
.academy-block__title span { color: #dff56e; font-size: 11px; }
.academy-modules { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 22px; }
.academy-module { padding: 24px; border-radius: 26px; background: #1b1c18; border: 1px solid rgba(255,255,255,.08); }
.academy-module header small { color: #ff8064; letter-spacing: .15em; }
.academy-module h4 { margin: 8px 0; font-size: 22px; }
.academy-module p { color: rgba(255,255,255,.52); font-size: 12px; line-height: 1.6; }
.academy-lessons { display: grid; gap: 9px; margin-top: 20px; }
.academy-lesson { display: grid; grid-template-columns: 1fr auto; gap: 14px; padding: 16px; border-radius: 18px; background: rgba(255,255,255,.05); }
.academy-lesson.is-complete { background: rgba(223,245,110,.08); }
.academy-lesson strong, .academy-lesson small { display: block; }
.academy-lesson small { margin-top: 5px; color: #dff56e; font-size: 9px; text-transform: uppercase; }
.academy-lesson button, .academy-test { align-self: center; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; padding: 9px 12px; background: transparent; color: #fff; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.academy-lesson button:disabled { color: #dff56e; border-color: transparent; }
.academy-test { width: 100%; margin-top: 14px; background: #dff56e; color: #11120f; }
.academy-split { display: grid; grid-template-columns: 1.4fr .6fr; gap: 18px; margin-top: 62px; }
.academy-certificate, .academy-credit { min-height: 280px; padding: 30px; border-radius: 28px; }
.academy-certificate { position: relative; background: #f8f5ed; color: #11120f; }
.academy-certificate h3 { max-width: 70%; font-family: "Bodoni Moda", serif; font-size: 34px; }
.academy-certificate img { position: absolute; width: 106px; right: 24px; bottom: 24px; }
.academy-certificate a { color: #11120f; font-size: 11px; font-weight: 800; }
.academy-credit { display: grid; align-content: space-between; background: #ff5b36; }
.academy-credit strong { font-family: "Bodoni Moda", serif; font-size: clamp(48px, 6vw, 74px); }
.academy-products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 22px; }
.academy-product { display: grid; min-height: 250px; align-content: start; padding: 20px; border-radius: 22px; background: #f8f5ed; color: #11120f; cursor: pointer; }
.academy-product:has(input:checked) { outline: 3px solid #dff56e; }
.academy-product input { accent-color: #ff5b36; justify-self: end; }
.academy-product__sku { color: #ff5b36; font-size: 9px; }
.academy-product strong { margin-top: 22px; }
.academy-product p { color: rgba(17,18,15,.55); font-size: 11px; }
.academy-product b { margin-top: auto; font-family: "Bodoni Moda", serif; font-size: 28px; }
.academy-order { margin-top: 18px; }
.academy-quiz { width: min(660px, calc(100vw - 28px)); max-height: 88vh; border: 0; border-radius: 30px; padding: 0; background: #f8f5ed; color: #11120f; }
.academy-quiz::backdrop { background: rgba(17,18,15,.78); backdrop-filter: blur(8px); }
.academy-quiz form { padding: 32px; }
.academy-quiz__close { float: right; border: 0; background: transparent; font-size: 28px; cursor: pointer; }
.academy-quiz h3 { font-family: "Bodoni Moda", serif; font-size: 38px; }
.academy-quiz fieldset { margin: 18px 0; border: 1px solid rgba(17,18,15,.12); border-radius: 18px; padding: 18px; }
.academy-quiz legend { font-weight: 800; padding: 0 6px; }
.academy-quiz fieldset label { display: block; margin-top: 10px; }
.academy-quiz__submit { border: 0; border-radius: 999px; padding: 14px 24px; background: #ff5b36; color: #fff; font-weight: 800; }
.academy-quiz output { margin-left: 16px; font-weight: 800; }
@media (max-width: 900px) { .academy-rail { grid-template-columns: repeat(2, 1fr); } .academy-modules, .academy-split, .academy-enroll { grid-template-columns: 1fr; } .academy-products { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .academy-journey { width: calc(100% - 16px); margin: 38px auto; padding: 20px 14px; border-radius: 26px; } .academy-rail { display: flex; overflow-x: auto; } .academy-rail__step { min-width: 130px; } .academy-products { grid-template-columns: 1fr; } .academy-lesson { grid-template-columns: 1fr; } }