:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-card-hover:#334155;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--shadow-color:#0000004d;--card-shadow:0 4px 24px #0003;--input-bg:#0f172a;--card-border:#334155}[data-theme=light]{--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--text-primary:#0f172a;--text-secondary:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--shadow-color:#00000014;--card-shadow:0 4px 24px #0000001a;--input-bg:#f1f5f9;--card-border:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .4s,color .3s,border-color .3s,box-shadow .3s!important}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 16px}.header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 0;display:flex}.logo{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav a{color:var(--text-secondary);padding:4px 8px;font-size:13px;text-decoration:none;transition:color .3s}.nav a:hover{color:var(--text-primary)}.btn-buy{background:#3b82f6;border-radius:9999px;font-weight:500;text-decoration:none;transition:all .3s;color:#fff!important;padding:6px 16px!important;font-size:13px!important}.btn-buy:hover{background:#2563eb;transform:scale(1.05)}.banner{grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:40px 0;display:grid}.banner h1{color:var(--text-primary);font-size:36px;font-weight:700;line-height:1.2}.banner h1 span{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.banner p{color:var(--text-secondary);max-width:500px;margin:16px 0 24px;font-size:16px}.banner-features{color:var(--text-muted);flex-wrap:wrap;gap:16px;margin-top:20px;font-size:13px;display:flex}.banner-image{border:1px solid var(--border-color);text-align:center;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-radius:20px;padding:30px;font-size:60px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;padding:14px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{transform:scale(1.03);box-shadow:0 0 30px #3b82f666}[data-theme=light] .btn-primary{color:#fff!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important}[data-theme=light] .btn-primary:hover{box-shadow:0 0 30px #3b82f666!important}.price-block{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;max-width:600px;box-shadow:var(--card-shadow);border-radius:20px;margin:32px auto 0;padding:32px 24px}.price{color:var(--text-primary);font-size:36px;font-weight:700}.old-price{color:var(--text-muted);margin-bottom:4px;font-size:20px;text-decoration:line-through}.features{text-align:left;max-width:300px;margin:0 auto 24px;padding:0}.features li{color:var(--text-secondary);align-items:center;gap:12px;padding:4px 0;font-size:14px;list-style:none;display:flex}.check{color:#22c55e}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);margin-top:32px;padding:20px 0;font-size:13px}.lesson-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;padding:20px;transition:all .3s}.lesson-card:hover{box-shadow:0 8px 30px var(--shadow-color);border-color:#3b82f6;transform:translateY(-4px)}[data-theme=light] .lesson-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 12px #0000000f!important}[data-theme=light] .lesson-card:hover{border-color:#3b82f6!important;transform:translateY(-4px)!important;box-shadow:0 8px 30px #0000001a!important}[data-theme=light] .lesson-card-completed{background:#f0fdf4!important;border-color:#22c55e!important}[data-theme=light] .lesson-card-current{background:#eff6ff!important;border-color:#3b82f6!important;box-shadow:0 0 30px #3b82f61f!important}[data-theme=light] .lesson-card-locked{opacity:.65!important;background:#f8fafc!important;border-color:#e2e8f0!important}.theme-toggle{animation:.6s ease-out both fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.banner{grid-template-columns:1fr!important;gap:24px!important;padding:24px 0!important}.banner h1,.banner h1 span{font-size:28px!important}.banner p{font-size:15px!important}.banner-image{padding:24px!important;font-size:48px!important}.banner-features{gap:10px!important;font-size:12px!important}.header{flex-flow:wrap!important;gap:8px!important;padding:12px 0!important}.logo{font-size:18px!important}.nav{gap:4px!important}.nav a{margin-left:0!important;padding:4px 6px!important;font-size:12px!important}.btn-buy{padding:4px 12px!important;font-size:12px!important}.price-block{margin:20px auto!important;padding:24px 16px!important}.price{font-size:32px!important}.old-price{font-size:18px!important}.btn-primary{padding:12px 24px!important;font-size:15px!important}.container{padding:0 12px!important}.theme-toggle{width:40px!important;height:40px!important;font-size:18px!important;top:12px!important;right:12px!important}section{padding:40px 0!important}section:first-of-type{padding-top:20px!important}section:last-of-type{padding-bottom:20px!important}.home-grid-4{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-bottom:30px!important}.home-grid-3,.home-grid-2{grid-template-columns:1fr!important;gap:12px!important}.teacher-card{text-align:center!important;flex-direction:column!important;margin:0 12px 30px!important;padding:24px!important}.teacher-card .avatar{width:80px!important;height:80px!important;font-size:40px!important}.lessons-grid{grid-template-columns:1fr!important;gap:12px!important}.course-header{flex-direction:column!important;align-items:stretch!important}.course-header h1{font-size:28px!important}.guarantee-block{margin:0 12px 30px!important;padding:30px 20px!important}.guarantee-block h3{font-size:20px!important}.guarantee-block p{font-size:14px!important}.reviews-section{padding:40px 0!important}}@media (width<=480px){.banner h1,.banner h1 span{font-size:22px!important}.banner p{font-size:14px!important}.banner-image{padding:20px!important;font-size:40px!important}.banner-features{gap:6px!important;font-size:11px!important}.logo{font-size:16px!important}.nav a{padding:2px 4px!important;font-size:11px!important}.btn-buy{padding:4px 10px!important;font-size:11px!important}.price{font-size:28px!important}.old-price{font-size:16px!important}.price-block{padding:16px 12px!important}.btn-primary{padding:10px 20px!important;font-size:14px!important}.features li{font-size:13px!important}.theme-toggle{width:36px!important;height:36px!important;font-size:16px!important;top:8px!important;right:8px!important}.home-grid-4{grid-template-columns:1fr!important;margin-bottom:20px!important}.course-header h1{font-size:24px!important}.lesson-container{padding:12px!important}.lesson-title{font-size:24px!important}.lesson-description{font-size:14px!important}.lesson-nav{flex-direction:column!important;gap:12px!important}.lesson-nav button{width:100%!important}.faq-item{padding:12px 16px!important}.faq-item summary{font-size:14px!important}.faq-item p{padding-left:16px!important;font-size:13px!important}section{padding:30px 0!important}}