.mobile-menu{width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);flex-direction:column;justify-content:center;gap:5px;color:#fff;cursor:pointer}
.mobile-menu span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;transition:.2s}
.mobile-menu[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-navigation{position:absolute;top:72px;right:0;left:0;background:rgba(2,8,23,.98);border-bottom:1px solid var(--line);box-shadow:0 22px 45px rgba(0,0,0,.4)}
.mobile-navigation[hidden]{display:none}.mobile-navigation .container{display:grid;padding-top:12px;padding-bottom:16px}.mobile-navigation a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.07)}.mobile-navigation .mobile-account-link{color:#8db0ff;font-weight:700}
.hero-slider{position:relative;min-height:360px}.hero-slide{position:absolute;inset:0;display:flex;justify-content:flex-start;align-items:stretch;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.hero-slide .hero-copy{grid-column:auto;width:min(54%,610px)}.hero-slide.active{position:relative;opacity:1;visibility:visible;transform:none;pointer-events:auto}
.hero-arrow{position:absolute;z-index:5;top:50%;width:44px;height:44px;margin-top:-22px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(2,8,23,.6);color:#fff;font-size:30px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.hero-next{left:18px}.hero-prev{right:18px}.hero-dots{position:absolute;z-index:6;right:50%;bottom:16px;display:flex;gap:7px;transform:translateX(50%)}.hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.42);cursor:pointer}.hero-dots button.active{width:25px;border-radius:8px;background:#fff}
.hero-slide .hero-copy h1{font-size:clamp(38px,5vw,58px)}.hero-slide .hero-copy p{box-sizing:border-box;padding-inline-start:56px;transform:translateX(12px)}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-logo{width:auto;height:46px;max-width:150px;object-fit:contain}.brand-text{color:#fff}
.chapter-panel>h3{text-align:center;margin-bottom:10px}.course-tabs{display:flex;justify-content:center;gap:8px;overflow:auto;padding:4px 0 14px;scrollbar-width:thin;text-align:center}.course-tabs button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:var(--muted);padding:7px 12px;cursor:pointer;text-align:center}.course-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}.course-chapters[hidden]{display:none}
.price del,.course-price del,.course-buy-box del{display:block;color:#94a3b8;text-decoration-thickness:2px;font-size:14px}.course-price{display:flex;flex-direction:column}.course-price strong{color:#fff}.price del{font-size:17px;margin:5px 0 -2px}.form-guidance{color:#fecaca;border-right:3px solid #ef4444;background:rgba(239,68,68,.08);padding:9px 12px;border-radius:8px;margin-bottom:15px;font-size:13px}.form-errors{margin-bottom:16px}
.image-compare{position:relative;aspect-ratio:4/3;overflow:hidden;background:#020817;isolation:isolate}.image-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}.compare-after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--position)) 0 0);z-index:2}.image-compare input{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;direction:ltr}.compare-handle{position:absolute;z-index:4;top:0;bottom:0;left:var(--position);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 12px rgba(0,0,0,.7)}.compare-handle:after{content:"↔";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#07152f;font-size:19px;transform:translate(-50%,-50%);box-shadow:0 4px 18px rgba(0,0,0,.45)}.compare-label{position:absolute;z-index:5;top:12px;padding:4px 10px;border-radius:999px;background:rgba(2,8,23,.75);font-size:12px;pointer-events:none}.compare-label-before{right:12px}.compare-label-after{left:12px}.compare-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:980px){.mobile-menu{display:inline-flex;order:2}.brand{order:1}.nav-actions{order:3}.hero-slider{min-height:430px}.hero-slide{min-height:430px}.hero-slide .hero-copy{width:100%;grid-column:auto;text-align:right}.hero-card:after{background:linear-gradient(90deg,rgba(2,8,23,.28),rgba(2,8,23,.82))}}
@media(min-width:981px){.mobile-navigation{display:none!important}}
@media(max-width:640px){.nav-inner{gap:9px}.brand{font-size:20px;gap:7px}.brand-logo{height:38px;max-width:100px}.nav-actions .btn{font-size:12px;min-height:40px;padding:0 10px}.hero-slider,.hero-slide{min-height:480px}.hero-arrow{width:38px;height:38px}.hero-next{left:8px}.hero-prev{right:8px}.hero-copy{padding:46px 22px 64px}.hero-slide .hero-copy h1{font-size:36px}.hero-slide .hero-copy p{padding-inline-start:46px;transform:translateX(8px);font-size:15px}.compare-gallery-grid{grid-template-columns:1fr}.image-compare{aspect-ratio:1/1}.course-tabs{margin-inline:-4px}}