/* Laptex experience refresh: home video, about, course and contact */
:root {
    --xp-violet: #7c3aed;
    --xp-pink: #ec4899;
    --xp-lime: #a3e635;
    --xp-aqua: #22d3ee;
}

.experience-hero { min-height: 570px; isolation: isolate; }
.experience-hero .page-hero__media img { opacity: .58; transform: scale(1.015); animation: xpHeroDrift 14s ease-in-out infinite alternate; }
.experience-hero .page-hero__media::after { background: linear-gradient(92deg,rgba(4,15,33,.98) 3%,rgba(8,30,59,.88) 48%,rgba(24,33,70,.38) 100%),linear-gradient(0deg,rgba(5,21,43,.84),transparent 72%); }
.experience-hero__glow { position: absolute; z-index: 1; width: 430px; height: 430px; right: -120px; bottom: -190px; border-radius: 50%; background: rgba(34,211,238,.26); filter: blur(30px); pointer-events: none; }
.experience-hero__glow::after { position: absolute; width: 220px; height: 220px; top: -120px; left: -260px; border-radius: 50%; background: rgba(236,72,153,.22); filter: blur(18px); content: ""; }
.experience-hero .page-hero__content { min-height: 570px; max-width: 850px; padding-block: 80px; }
.experience-hero h1 { max-width: 850px; margin-bottom: 22px; font-size: clamp(2.65rem,5.6vw,5.25rem); line-height: 1.01; letter-spacing: -.055em; }
.experience-hero h1 em { color: #63e6ff; font-style: normal; }
.experience-hero p { max-width: 700px; margin-bottom: 28px; color: #d9e7f7; font-size: clamp(1.02rem,1.8vw,1.22rem); }
.experience-hero .eyebrow { color: #7defff; }
.experience-hero--course h1 em { color: #ffb45d; }
.experience-hero--contact h1 em { color: #9aeeff; }

/* Home video showcase */
.video-learning { position: relative; overflow: hidden; padding: clamp(82px,10vw,132px) 0; color: #dce8f8; background: #071a33; isolation: isolate; }
.video-learning::before { position: absolute; inset: 0; z-index: -1; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent); content: ""; }
.video-learning__orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(10px); animation: xpFloat 7s ease-in-out infinite; }
.video-learning__orb--one { width: 340px; height: 340px; top: -160px; left: -120px; background: rgba(11,99,246,.28); }
.video-learning__orb--two { width: 260px; height: 260px; right: -100px; bottom: -120px; background: rgba(124,58,237,.25); animation-delay: -3s; }
.video-learning__inner { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.5fr); gap: clamp(35px,6vw,76px); align-items: center; }
.video-learning__intro { max-width: 420px; }
.video-learning__intro h2 { margin: 12px 0 20px; color: #fff; font-size: clamp(2.15rem,4vw,3.65rem); }
.video-learning__intro p { color: #b8cce2; }
.video-learning__eyebrow { display: inline-flex; gap: 8px; align-items: center; color: #68e7f8; font-size: .78rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.video-learning__eyebrow svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.video-learning__intro ul { display: grid; gap: 11px; margin: 25px 0 30px; list-style: none; }
.video-learning__intro li { display: flex; gap: 10px; align-items: center; font-size: .93rem; font-weight: 700; }
.video-learning__intro li svg { width: 19px; height: 19px; flex: 0 0 auto; fill: none; stroke: #5eead4; stroke-width: 2; }
.video-learning__grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 20px; align-items: center; }
.video-learning__card { overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 25px; background: rgba(255,255,255,.07); box-shadow: 0 30px 70px rgba(0,0,0,.28); backdrop-filter: blur(12px); transition: transform .3s ease,border-color .3s ease; }
.video-learning__card:hover { border-color: rgba(104,231,248,.55); transform: translateY(-7px); }
.video-learning__card--featured { transform: translateY(-24px); }
.video-learning__card--featured:hover { transform: translateY(-31px); }
.video-learning__frame { position: relative; overflow: hidden; aspect-ratio: 16/9; background: #020817; }
.video-learning__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-learning__meta { padding: 22px 24px 25px; }
.video-learning__meta > span,.about-method__video > div:last-child > span { display: block; margin-bottom: 7px; color: #67e8f9; font-size: .7rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.video-learning__meta h3 { margin-bottom: 8px; color: #fff; }
.video-learning__meta p { margin: 0; color: #aebfd4; font-size: .87rem; }

/* About */
.page-about main { background: #fff; }
.about-snapshot { position: relative; z-index: 4; margin-top: -1px; color: #fff; background: linear-gradient(100deg,#0b63f6,#5446df 48%,#7c3aed); }
.about-snapshot__grid { display: grid; grid-template-columns: repeat(4,1fr); }
.about-snapshot__grid > div { display: grid; min-height: 142px; align-content: center; padding: 24px clamp(18px,3vw,38px); border-right: 1px solid rgba(255,255,255,.18); }
.about-snapshot__grid > div:last-child { border: 0; }
.about-snapshot strong { margin-bottom: 3px; font-size: clamp(1.5rem,2.7vw,2.35rem); line-height: 1; }
.about-snapshot span { font-weight: 800; }
.about-snapshot small { color: #dce7ff; font-size: .76rem; }
.about-story { background: radial-gradient(circle at 4% 10%,rgba(34,211,238,.12),transparent 25%),#fff; }
.about-story__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(38px,7vw,90px); align-items: center; }
.about-story__visual { position: relative; }
.about-story__visual img { width: 100%; min-height: 420px; border-radius: 30px; object-fit: cover; box-shadow: 0 32px 70px rgba(7,26,51,.18); }
.about-story__badge { position: absolute; right: -25px; bottom: -30px; padding: 24px 27px; border-radius: 20px; color: #fff; background: linear-gradient(145deg,#f97316,#ec4899); box-shadow: 0 18px 40px rgba(236,72,153,.3); animation: xpFloat 6s ease-in-out infinite; }
.about-story__badge span { display: block; font-size: .68rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.about-story__badge strong { font-size: 1.15rem; line-height: 1.25; }
.about-story article > p { color: #4e5f73; font-size: 1.04rem; }
.about-story__quote { display: grid; grid-template-columns: 45px 1fr; gap: 14px; margin-top: 28px; padding: 21px; border: 1px solid #d5e8fb; border-radius: 18px; background: #f3f9ff; }
.about-story__quote span { color: #0b63f6; font-family: Georgia,serif; font-size: 4rem; line-height: .8; }
.about-story__quote p { margin: 0; color: #0c315b; font-weight: 800; }
.about-values { background: linear-gradient(180deg,#f3f8ff,#fff); }
.about-values__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.about-value { position: relative; overflow: hidden; min-height: 245px; padding: 30px; border: 1px solid #dbe8f5; border-radius: 24px; background: #fff; box-shadow: 0 12px 35px rgba(7,26,51,.06); transition: transform .3s ease,box-shadow .3s ease; }
.about-value::after { position: absolute; width: 90px; height: 90px; right: -36px; bottom: -36px; border-radius: 50%; background: #dff8ff; content: ""; transition: transform .3s ease; }
.about-value:nth-child(2n)::after { background: #f0e7ff; }
.about-value:nth-child(3n)::after { background: #fff0df; }
.about-value:hover { box-shadow: 0 24px 48px rgba(7,26,51,.12); transform: translateY(-7px); }
.about-value:hover::after { transform: scale(1.3); }
.about-value > span { display: inline-grid; width: 42px; height: 42px; margin-bottom: 28px; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#0b63f6,#22d3ee); font-size: .8rem; font-weight: 900; }
.about-value:nth-child(2n) > span { background: linear-gradient(135deg,#7c3aed,#ec4899); }
.about-value:nth-child(3n) > span { background: linear-gradient(135deg,#f97316,#facc15); }
.about-value h3 { font-size: 1.18rem; }
.about-value p { margin: 0; color: #627084; font-size: .9rem; }
.about-method { color: #dce8f8; background: radial-gradient(circle at 85% 10%,rgba(124,58,237,.28),transparent 28%),#071a33; }
.about-method h2,.about-method h3 { color: #fff; }
.about-method > .container > div > p { color: #adc1d8; }
.about-method__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px,7vw,90px); align-items: center; }
.about-method__steps { display: grid; gap: 12px; margin-top: 30px; }
.about-method__steps > div { display: grid; grid-template-columns: 54px 1fr; gap: 17px; align-items: center; padding: 15px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.045); }
.about-method__steps b { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; color: #071a33; background: #67e8f9; }
.about-method__steps span { display: grid; }
.about-method__steps strong { color: #fff; }
.about-method__steps small { color: #aebfd4; }
.about-method__video { overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 28px; background: rgba(255,255,255,.07); box-shadow: 0 30px 70px rgba(0,0,0,.28); }
.about-method__video > div:last-child { padding: 25px 28px; }
.about-method__video h3 { margin-bottom: 6px; }
.about-method__video p { margin: 0; color: #aebfd4; }
.about-tools { background: radial-gradient(circle at 90% 20%,rgba(163,230,53,.1),transparent 24%),#f6faff; }
.about-tools .feature { border: 0; box-shadow: 0 10px 32px rgba(7,26,51,.07); transition: transform .25s ease; }
.about-tools .feature:hover { transform: translateY(-5px); }
.experience-cta { position: relative; overflow: hidden; background: linear-gradient(115deg,#0b63f6,#6441df 62%,#7c3aed); }
.experience-cta::after { position: absolute; width: 230px; height: 230px; right: -80px; bottom: -150px; border: 36px solid rgba(255,255,255,.09); border-radius: 50%; content: ""; }
.experience-cta .eyebrow { color: #cffafe; }
.experience-cta .button-row { position: relative; z-index: 1; }

/* Course */
.course-ribbon { color: #fff; background: linear-gradient(90deg,#0b63f6,#4438ca 50%,#7c3aed); }
.course-ribbon__grid { display: grid; grid-template-columns: repeat(4,1fr); }
.course-ribbon__grid > div { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; min-height: 112px; padding: 19px 24px; border-right: 1px solid rgba(255,255,255,.16); }
.course-ribbon__grid > div:last-child { border: 0; }
.course-ribbon b { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: #071a33; background: #67e8f9; font-size: .72rem; }
.course-ribbon span { display: grid; }
.course-ribbon small { color: #d8e5ff; font-size: .75rem; }
.page-course #curriculum { background: radial-gradient(circle at 10% 0,rgba(34,211,238,.13),transparent 23%),#f4f8ff; }
.page-course .module-card { position: relative; padding-left: 31px; border: 0; box-shadow: 0 12px 34px rgba(7,26,51,.07); transition: transform .25s ease; }
.page-course .module-card::before { position: absolute; top: 20px; bottom: 20px; left: 0; width: 5px; border-radius: 0 6px 6px 0; background: linear-gradient(#0b63f6,#22d3ee); content: ""; }
.page-course .module-card:nth-child(2n)::before { background: linear-gradient(#7c3aed,#ec4899); }
.page-course .module-card:hover { transform: translateY(-4px); }
.page-course #learning-modes { background: radial-gradient(circle at 86% 0,rgba(236,72,153,.22),transparent 28%),#071a33; }
.page-course #learning-modes .tool { min-height: 170px; padding: 27px; background: linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); }
.page-course #learning-modes .tool strong { margin-bottom: 15px; color: #67e8f9; font-size: 1.12rem; }
.course-videos { position: relative; overflow: hidden; padding: clamp(75px,9vw,115px) 0; background: linear-gradient(180deg,#fff7ed,#fff); }
.course-videos::before { position: absolute; width: 340px; height: 340px; top: -190px; right: -100px; border-radius: 50%; background: rgba(249,115,22,.12); content: ""; }
.course-videos__heading { display: grid; grid-template-columns: 1fr .65fr; gap: 35px; align-items: end; margin-bottom: 38px; }
.course-videos__heading h2 { margin-bottom: 0; }
.course-videos__heading > p { margin: 0; color: #667388; }
.course-videos__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.course-videos__grid article { overflow: hidden; border: 1px solid #f0d9c3; border-radius: 25px; background: #fff; box-shadow: 0 20px 45px rgba(87,43,15,.09); transition: transform .3s ease; }
.course-videos__grid article:hover { transform: translateY(-7px); }
.course-videos__grid article > div:last-child { padding: 25px 28px 28px; }
.course-videos__grid article > div:last-child > span { display: block; margin-bottom: 7px; color: #e8620a; font-size: .72rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.course-videos__grid h3 { margin-bottom: 7px; }
.course-videos__grid p { margin: 0; color: #68758a; }
.course-videos__action { margin-top: 30px; text-align: center; }

.course-topic-showcase { position: relative; overflow: hidden; padding: clamp(82px,10vw,135px) 0; background: radial-gradient(circle at 8% 5%,rgba(34,211,238,.16),transparent 20%),linear-gradient(180deg,#f6fbff,#fff); }
.course-topic-showcase__head { max-width: 850px; margin: 0 auto clamp(45px,7vw,78px); text-align: center; }
.course-topic-showcase__head h2 { font-size: clamp(2.3rem,4.8vw,4.35rem); letter-spacing: -.05em; }
.course-topic-showcase__head p { max-width: 700px; margin: 0 auto 28px; color: #5d6b80; font-size: 1.08rem; }
.course-topic-showcase__head .button-row { justify-content: center; }
.course-chapters { display: grid; gap: clamp(35px,6vw,70px); }
.course-chapter { display: grid; grid-template-columns: minmax(0,1.06fr) minmax(380px,.94fr); overflow: hidden; border: 1px solid #dce7f4; border-radius: 32px; background: #fff; box-shadow: 0 30px 70px rgba(7,26,51,.1); }
.course-chapter--reverse { grid-template-columns: minmax(380px,.94fr) minmax(0,1.06fr); }
.course-chapter--reverse .course-chapter__image { order: 2; }
.course-chapter__image { position: relative; display: grid; min-height: 610px; overflow: hidden; place-items: center; background: #e9f2fb; }
.course-chapter__image picture { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.course-chapter__image img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.course-chapter__image::after { display: none; }
.course-chapter__image > span { position: absolute; z-index: 2; left: 24px; bottom: 22px; padding: 8px 13px; border: 1px solid rgba(255,255,255,.45); border-radius: 99px; color: #fff; background: rgba(7,26,51,.7); backdrop-filter: blur(10px); font-size: .76rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.course-chapter__content { display: grid; align-content: center; padding: clamp(32px,5vw,64px); }
.course-chapter__label { margin-bottom: 14px; color: #0b63f6; font-size: .72rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.course-chapter:nth-child(2n) .course-chapter__label { color: #7c3aed; }
.course-chapter__content h3 { margin-bottom: 17px; font-size: clamp(2rem,3.3vw,3.25rem); letter-spacing: -.045em; }
.course-chapter__content > p { color: #5f6d82; font-size: 1.02rem; }
.course-chapter__content ul { display: grid; gap: 10px; margin: 16px 0 24px; list-style: none; }
.course-chapter__content li { display: grid; grid-template-columns: 25px 1fr; gap: 10px; align-items: center; color: #26364c; font-size: .93rem; font-weight: 750; }
.course-chapter__content li b { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 7px; color: #fff; background: linear-gradient(135deg,#0b63f6,#22d3ee); font-size: .7rem; }
.course-chapter:nth-child(2n) li b { background: linear-gradient(135deg,#7c3aed,#ec4899); }
.course-chapter__outcome { display: grid; gap: 4px; margin: 4px 0 24px; padding: 16px 18px; border-left: 4px solid #f97316; border-radius: 0 14px 14px 0; background: #fff7ed; }
.course-chapter__outcome small { color: #a24b10; font-size: .68rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.course-chapter__outcome strong { color: #71330b; font-size: .86rem; line-height: 1.5; }
.course-chapter__link { display: inline-flex; width: max-content; gap: 13px; align-items: center; color: #0b63f6; font-weight: 900; text-decoration: none; }
.course-chapter__link span { transition: transform .2s ease; }
.course-chapter__link:hover span { transform: translateX(5px); }
.page-course .module-card { display: grid; grid-template-columns: 50px 1fr; gap: 17px; align-items: start; }
.page-course .module-card__number { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg,#0b63f6,#22d3ee); font-size: .75rem; font-weight: 900; }
.page-course .module-card:nth-child(2n) .module-card__number { background: linear-gradient(135deg,#7c3aed,#ec4899); }
.page-course .module-card h3 { margin: 1px 0 7px; }
.page-course .curriculum-cta { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }

/* Contact */
.page-contact main { background: #f7faff; }
.contact-channels { position: relative; z-index: 4; margin-top: -38px; }
.contact-channels__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.contact-channels__grid > a { display: grid; grid-template-columns: 58px 1fr; gap: 17px; align-items: center; min-width: 0; padding: 25px; border: 1px solid #dfe9f4; border-radius: 20px; color: #172033; background: #fff; box-shadow: 0 18px 42px rgba(7,26,51,.1); text-decoration: none; transition: transform .25s ease,box-shadow .25s ease; }
.contact-channels__grid > a:hover { box-shadow: 0 25px 50px rgba(7,26,51,.15); transform: translateY(-6px); }
.contact-channels__icon { display: grid; width: 56px; height: 56px; place-items: center; border-radius: 16px; color: #fff; background: linear-gradient(135deg,#0b63f6,#22d3ee); font-size: .8rem; font-weight: 900; }
.contact-channels__grid > a:nth-child(2) .contact-channels__icon { background: linear-gradient(135deg,#7c3aed,#ec4899); }
.contact-channels__grid > a:nth-child(3) .contact-channels__icon { background: linear-gradient(135deg,#059669,#84cc16); }
.contact-channels__grid a > span:last-child { display: grid; min-width: 0; }
.contact-channels small { color: #68758a; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.contact-channels strong { overflow-wrap: anywhere; color: #071a33; font-size: 1.02rem; }
.contact-channels em { color: #667388; font-size: .78rem; font-style: normal; }
.contact-experience { padding-top: clamp(95px,11vw,145px); }
.contact-experience .form-layout { grid-template-columns: minmax(0,.82fr) minmax(390px,1.18fr); gap: clamp(34px,6vw,78px); }
.contact-experience__info > p { color: #667388; }
.contact-experience__info .contact-list li { padding: 13px 16px; border-left: 3px solid #0b63f6; border-radius: 0 12px 12px 0; background: #edf5ff; }
.contact-experience__map { overflow: hidden; margin: 28px 0 22px; border: 8px solid #fff; border-radius: 22px; box-shadow: 0 18px 42px rgba(7,26,51,.12); }
.contact-experience__map iframe { display: block; width: 100%; height: 300px; border: 0; }
.contact-experience__form { padding: clamp(28px,4vw,45px); border: 1px solid #e2e9f2; border-radius: 28px; background: #fff; box-shadow: 0 28px 65px rgba(7,26,51,.12); }
.contact-experience__form h2 { font-size: clamp(1.8rem,3vw,2.55rem); }
.contact-experience__form .field input,.contact-experience__form .field select,.contact-experience__form .field textarea { border-color: #d9e4ef; background: #f9fbfd; }
.contact-experience__form .field input:focus,.contact-experience__form .field select:focus,.contact-experience__form .field textarea:focus { border-color: #0b63f6; background: #fff; box-shadow: 0 0 0 4px rgba(11,99,246,.1); }
.contact-next { background: radial-gradient(circle at 15% 20%,rgba(34,211,238,.2),transparent 25%),linear-gradient(120deg,#071a33,#102d53); }
.contact-next h2 { color: #fff; }
.contact-next .section-heading p { color: #b9cce1; }
.contact-next .eyebrow { color: #67e8f9; }
.contact-next__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.contact-next__grid article { padding: 30px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: rgba(255,255,255,.06); }
.contact-next__grid b { display: grid; width: 45px; height: 45px; margin-bottom: 24px; place-items: center; border-radius: 13px; color: #071a33; background: #67e8f9; }
.contact-next__grid article:nth-child(2) b { background: #c4b5fd; }
.contact-next__grid article:nth-child(3) b { background: #bef264; }
.contact-next__grid h3 { color: #fff; }
.contact-next__grid p { margin: 0; color: #afc3d9; }

/* Premium registration */
.register-hero { position: relative; min-height: 720px; overflow: hidden; color: #fff; background: #06162d; isolation: isolate; }
.register-hero__media,.register-hero__media::after { position: absolute; inset: 0; }
.register-hero__media img { width: 100%; height: 100%; object-fit: cover; opacity: .52; animation: xpHeroDrift 14s ease-in-out infinite alternate; }
.register-hero__media::after { background: linear-gradient(92deg,rgba(4,15,33,.99) 0%,rgba(7,28,55,.91) 47%,rgba(10,28,54,.5) 100%),linear-gradient(0deg,rgba(6,22,45,.92),transparent 70%); content: ""; }
.register-hero__mesh { position: absolute; z-index: 1; inset: 0; opacity: .23; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 62px 62px; mask-image: linear-gradient(90deg,#000,transparent 75%); }
.register-hero__inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(350px,.65fr); gap: clamp(42px,7vw,90px); align-items: center; min-height: 720px; padding-block: 72px; }
.register-hero__copy h1 { max-width: 790px; margin: 12px 0 25px; color: #fff; font-size: clamp(3rem,6vw,5.8rem); line-height: .98; letter-spacing: -.06em; }
.register-hero__copy h1 em { color: #67e8f9; font-style: normal; }
.register-hero__copy > p { max-width: 680px; color: #c3d5e8; font-size: clamp(1.02rem,1.7vw,1.22rem); }
.register-hero__kicker { display: inline-flex; padding: 8px 13px; border: 1px solid rgba(103,232,249,.38); border-radius: 99px; color: #8ff2ff; background: rgba(34,211,238,.09); font-size: .72rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.register-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 25px; }
.register-hero__assurance { display: flex; flex-wrap: wrap; gap: 10px 18px; color: #d8e7f6; font-size: .83rem; font-weight: 800; }
.register-hero__assurance span::first-letter { color: #67e8f9; }
.register-hero__card { padding: clamp(28px,4vw,40px); border: 1px solid rgba(255,255,255,.16); border-radius: 27px; background: rgba(255,255,255,.09); box-shadow: 0 35px 80px rgba(0,0,0,.3); backdrop-filter: blur(18px); }
.register-hero__card > span { color: #67e8f9; font-size: .7rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.register-hero__card h2 { margin: 10px 0 25px; color: #fff; font-size: clamp(1.6rem,2.8vw,2.35rem); }
.register-hero__card ul { display: grid; gap: 11px; margin-bottom: 25px; list-style: none; }
.register-hero__card li { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: center; padding: 12px; border-radius: 13px; background: rgba(255,255,255,.06); }
.register-hero__card li b { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; color: #06162d; background: #67e8f9; font-size: .7rem; }
.register-hero__card li span { display: grid; }
.register-hero__card li strong { color: #fff; font-size: .87rem; }
.register-hero__card li small { color: #aebfd2; font-size: .72rem; }
.register-hero__card > a { color: #fff; font-weight: 900; text-decoration: none; }
.register-hero__card > a span { color: #67e8f9; }
.register-strip { color: #fff; background: linear-gradient(100deg,#0b63f6,#5446df 48%,#7c3aed); }
.register-strip__grid { display: grid; grid-template-columns: repeat(4,1fr); }
.register-strip__grid > div { display: grid; grid-template-columns: auto 1fr; gap: 15px; align-items: center; min-height: 125px; padding: 22px 28px; border-right: 1px solid rgba(255,255,255,.18); }
.register-strip__grid > div:last-child { border: 0; }
.register-strip__grid > div > strong { font-size: clamp(1.5rem,2.5vw,2.2rem); }
.register-strip__grid span { display: grid; font-weight: 850; }
.register-strip__grid small { color: #dae5ff; font-size: .72rem; font-weight: 500; }
.register-form-section { position: relative; overflow: hidden; padding: clamp(80px,10vw,135px) 0; color: #dbe8f6; background: radial-gradient(circle at 8% 10%,rgba(34,211,238,.18),transparent 25%),#071a33; }
.register-form-section__orb { position: absolute; width: 420px; height: 420px; right: -190px; bottom: -210px; border: 70px solid rgba(124,58,237,.22); border-radius: 50%; }
.register-form-layout { position: relative; display: grid; grid-template-columns: minmax(280px,.72fr) minmax(440px,1.28fr); gap: clamp(45px,7vw,90px); align-items: start; }
.register-form-copy { position: sticky; top: 120px; }
.register-form-copy h2 { margin-bottom: 22px; color: #fff; font-size: clamp(2.45rem,4.8vw,4.5rem); letter-spacing: -.055em; }
.register-form-copy h2 em { color: #67e8f9; font-style: normal; }
.register-form-copy > p { color: #afc3d8; }
.register-timeline { position: relative; display: grid; gap: 13px; margin: 30px 0; }
.register-timeline::before { position: absolute; top: 26px; bottom: 26px; left: 25px; width: 1px; background: rgba(103,232,249,.3); content: ""; }
.register-timeline > div { position: relative; z-index: 1; display: grid; grid-template-columns: 52px 1fr; gap: 15px; align-items: center; padding: 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.05); }
.register-timeline b { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; color: #071a33; background: #67e8f9; font-size: .72rem; }
.register-timeline span { display: grid; }
.register-timeline strong { color: #fff; }
.register-timeline small { color: #9fb4ca; }
.register-help { padding: 19px; border: 1px solid rgba(190,242,100,.2); border-radius: 15px; background: rgba(190,242,100,.07); }
.register-help span { display: block; color: #c8d8e8; font-size: .8rem; }
.register-help a { color: #bef264; font-weight: 900; text-decoration: none; }
.register-form-card { padding: clamp(27px,4.5vw,52px); border: 0; border-radius: 30px; box-shadow: 0 38px 90px rgba(0,0,0,.32); }
.register-form-card__head { margin-bottom: 29px; padding-bottom: 24px; border-bottom: 1px solid #e1e8f0; }
.register-form-card__head > span { color: #0b63f6; font-size: .72rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.register-form-card__head h2 { margin: 8px 0 10px; font-size: clamp(2rem,3.5vw,3rem); }
.register-form-card__head p { margin: 0; color: #68758a; }
.register-form-card .field input,.register-form-card .field select,.register-form-card .field textarea { min-height: 56px; border: 1px solid #d9e3ee; border-radius: 13px; background: #f7fafe; }
.register-form-card .field textarea { min-height: 125px; }
.register-form-card .field label { font-size: .84rem; }
.register-form-card .field .button { width: 100%; min-height: 58px; margin-top: 5px; font-size: 1rem; }
.register-confidence { padding: clamp(75px,9vw,115px) 0; background: radial-gradient(circle at 90% 10%,rgba(163,230,53,.12),transparent 25%),#f6faff; }
.register-confidence__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.register-confidence__grid article { position: relative; overflow: hidden; padding: 32px; border: 1px solid #dce7f3; border-radius: 23px; background: #fff; box-shadow: 0 15px 40px rgba(7,26,51,.07); }
.register-confidence__grid article > span { display: grid; width: 45px; height: 45px; margin-bottom: 25px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg,#0b63f6,#22d3ee); font-size: .73rem; font-weight: 900; }
.register-confidence__grid article:nth-child(2) > span { background: linear-gradient(135deg,#7c3aed,#ec4899); }
.register-confidence__grid article:nth-child(3) > span { background: linear-gradient(135deg,#f97316,#facc15); }
.register-confidence__grid p { margin: 0; color: #68758a; }

@keyframes xpFloat { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-12px) } }
@keyframes xpHeroDrift { from { transform: scale(1.015) translateX(0) } to { transform: scale(1.055) translateX(-1.2%) } }

@media (max-width: 980px) {
    .video-learning__inner,.about-story__grid,.about-method__grid { grid-template-columns: 1fr; }
    .video-learning__intro { max-width: 670px; }
    .video-learning__card--featured { transform: none; }
    .video-learning__card--featured:hover { transform: translateY(-7px); }
    .about-values__grid { grid-template-columns: repeat(2,1fr); }
    .course-ribbon__grid { grid-template-columns: repeat(2,1fr); }
    .course-ribbon__grid > div:nth-child(2) { border-right: 0; }
    .contact-channels__grid { grid-template-columns: 1fr; max-width: 680px; }
    .contact-experience .form-layout { grid-template-columns: 1fr; }
    .contact-next__grid { grid-template-columns: 1fr; }
    .course-chapter,.course-chapter--reverse { grid-template-columns: 1fr; }
    .course-chapter--reverse .course-chapter__image { order: 0; }
    .course-chapter__image { min-height: 520px; }
    .register-hero__inner,.register-form-layout { grid-template-columns: 1fr; }
    .register-hero__inner { padding-block: 75px; }
    .register-form-copy { position: static; }
    .register-strip__grid { grid-template-columns: repeat(2,1fr); }
    .register-strip__grid > div:nth-child(2) { border-right: 0; }
}

@media (max-width: 700px) {
    .experience-hero,.experience-hero .page-hero__content { min-height: 510px; }
    .experience-hero h1 { font-size: clamp(2.35rem,12vw,3.8rem); }
    .video-learning__grid,.course-videos__grid,.course-videos__heading { grid-template-columns: 1fr; }
    .video-learning__card--featured { transform: none; }
    .about-snapshot__grid { grid-template-columns: 1fr 1fr; }
    .about-snapshot__grid > div { min-height: 120px; border-bottom: 1px solid rgba(255,255,255,.18); }
    .about-snapshot__grid > div:nth-child(2) { border-right: 0; }
    .about-values__grid { grid-template-columns: 1fr; }
    .about-story__visual img { min-height: 300px; }
    .about-story__badge { right: 12px; bottom: -28px; }
    .about-story article { margin-top: 22px; }
    .course-ribbon__grid { grid-template-columns: 1fr; }
    .course-ribbon__grid > div { min-height: 90px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
    .contact-channels { margin-top: -22px; }
    .contact-channels__grid > a { padding: 20px; }
    .contact-experience .form-layout { grid-template-columns: minmax(0,1fr); }
    .contact-experience__form { padding: 24px 18px; }
    .course-chapter__image { min-height: 390px; }
    .course-chapter__content { padding: 30px 22px; }
    .course-chapter__content h3 { font-size: 2rem; }
    .page-course .module-card { grid-template-columns: 42px 1fr; padding-left: 20px; }
    .page-course .module-card__number { width: 40px; height: 40px; }
    .register-hero,.register-hero__inner { min-height: auto; }
    .register-hero__copy h1 { font-size: clamp(2.75rem,13vw,4.2rem); }
    .register-hero__inner { padding-block: 65px; }
    .register-strip__grid { grid-template-columns: 1fr; }
    .register-strip__grid > div { min-height: 92px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); }
    .register-form-layout { grid-template-columns: minmax(0,1fr); }
    .register-form-card { padding: 26px 18px; }
    .register-confidence__grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .experience-hero .page-hero__media img,.register-hero__media img,.video-learning__orb,.about-story__badge { animation: none; }
    .video-learning__card,.about-value,.course-videos__grid article,.contact-channels__grid > a { transition: none; }
}