.landing-header{color:#fff;background-image:linear-gradient(#111827d9,#111827cc),url(../media/hero_bg_mobile.659223d8.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;align-items:center;min-height:90vh;padding:4rem 0;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.landing-header{background-image:linear-gradient(90deg,#111827e6,#111827b3),url(../media/hero_bg_tablet.fa5ade05.webp)}}@media (min-width:1024px){.landing-header{background-image:linear-gradient(90deg,#111827f2,#11182766),url(../media/hero_bg_desktop.6ceaa215.webp);background-position:top}}.landing-header-bg:before,.landing-header-bg:after{display:none}.landing-header-container{z-index:10;grid-template-columns:1fr;align-items:center;gap:4rem;display:grid;position:relative}.course-detail-container{padding-top:4rem}@media (min-width:992px){.landing-header-container{grid-template-columns:.7fr .3fr;gap:2rem}}.landing-header-content{max-width:100%}.landing-highlight-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:2rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:inline-block}.landing-title{color:#fff;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}@media (min-width:768px){.landing-title{font-size:3.5rem}}.landing-description{color:#fffffff2;margin-bottom:2.5rem;font-size:1.125rem;line-height:1.7}.landing-stats-preview{border-top:1px solid #ffffff1a;gap:2rem;margin-top:2rem;padding-top:2rem;display:flex}.stat-preview-item{flex-direction:column;display:flex}.stat-val{color:#fff;font-size:1.5rem;font-weight:700}.stat-lbl{color:#ffffffd9;font-size:.875rem}.btn-book-demo-hero{color:#1f2937;cursor:pointer;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:none;border-radius:.75rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #fcd34d66}.btn-book-demo-hero:hover{background:linear-gradient(135deg,#fcd34d 0%,#fbbf24 100%);transform:translateY(-2px);box-shadow:0 6px 20px #fcd34d80}.landing-header-visual{justify-content:center;width:100%;margin-top:2rem;display:flex}@media (min-width:992px){.landing-header-visual{justify-content:flex-end;margin-top:0}}.mobile-phone-frame{aspect-ratio:9/18.5;background:#1f2937;border:4px solid #374151;border-radius:40px;width:100%;max-width:280px;padding:10px;position:relative;box-shadow:0 25px 50px -12px #00000080}.phone-notch{z-index:20;background:#1f2937;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:40%;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{background:#000;border-radius:30px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.video-placeholder{color:#fff;background:linear-gradient(45deg,#4f46e5,#ec4899);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.video-placeholder p{margin-top:1rem;font-weight:600}.play-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.play-button:after{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:20px solid #fff;width:0;height:0;margin-left:6px}.landing-course-info{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.landing-grade-badge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1.5px solid #fff6;border-radius:2rem;width:fit-content;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #0000001a}.landing-curriculum-badges{flex-wrap:wrap;gap:.5rem;display:flex}.curriculum-badge{color:#7c3aed;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;letter-spacing:.5px;background:#fffffff2;border:1.5px solid #fff;border-radius:1.5rem;padding:.4rem .9rem;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-block;box-shadow:0 2px 8px #00000026}.curriculum-badge:hover{color:#6b4ef5;background:#fff;border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 16px #fbbf2466}@media (max-width:768px){.landing-course-info{margin-bottom:1.5rem}.landing-grade-badge{padding:.4rem 1rem;font-size:.85rem}.curriculum-badge{padding:.35rem .75rem;font-size:.7rem}.landing-header{padding:4rem 0}}