@keyframes fadeInBody{to{opacity:1}}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}@keyframes celebration-pulse{0%,to{opacity:0}50%{opacity:1}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse-js{0%,to{opacity:.5}50%{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-py{0%,to{opacity:.5}50%{opacity:1}}@keyframes bounce-py{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fireFlicker{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.05) rotate(-2deg)}}@keyframes bell-ring{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes pulse-glow{0%,to{opacity:0}50%{opacity:1}}@keyframes pulse-tag{0%,to{opacity:0}50%{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes authModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--black:#131010;--gray:#B2AFAF;--darkgray:#555;--white:#FDF7F7;--bg:#FDF7F7;--pink:#FF4E99;--orange:#FF9F00;--lime:#C6DF2B;--blue:#009DFF;--red:#d50000;--green:#00c853;--light-red:#ffe6e6;--light-green:#e6ffeb;--font-family:'Rubik', sans-serif;--header-height:140px}*{box-sizing:border-box;-webkit-overflow-scrolling:touch}body,html{width:100%;padding:0;margin:0}html{overflow-x:hidden;scroll-behavior:smooth}body{overscroll-behavior-y:none;opacity:0;animation:fadeInBody .3s ease-out .1s forwards;background-color:var(--bg);font-family:var(--font-family);padding-top:var(--header-height);color:var(--black)}.fonts-loaded body{opacity:1;animation:none}.step{opacity:1!important;transform:none!important;transition:opacity .6s ease-out,transform .6s ease-out}.step.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.step{transition:opacity .4s ease-out,transform .4s ease-out}}.color-pink{color:var(--pink)}.color-orange,.footer-bottom .designer a:hover{color:var(--orange)}.color-lime{color:var(--lime)}.article-card-mini-content h3 a:hover,.color-blue{color:var(--blue)}.header-container{max-width:1500px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.header-main{position:fixed;top:0;left:0;background-color:var(--white);width:100%;z-index:1000;transition:transform .4s ease-in-out;box-shadow:0 2px 10px rgba(0,0,0,.05)}.header-main.header-hidden{transform:translateY(-100%)}.header-logo img{height:130px;display:block}.main-menu{display:flex;gap:40px;margin:0 auto;align-items:center}.nav-dropdown{position:relative}.dropdown-trigger{cursor:pointer;display:flex;align-items:center;gap:8px}.dropdown-trigger i{font-size:14px;transition:transform .3s ease}.nav-dropdown:hover .dropdown-trigger i{transform:rotate(180deg)}.dropdown-content{position:absolute;top:calc(100% + 15px);left:50%;transform:translateX(-50%) translateY(10px);min-width:340px;background:var(--white);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.15);padding:16px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100}.dropdown-content::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--white)}.nav-dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown-item{gap:18px;padding:18px 20px;text-decoration:none}.dropdown-item i,.dropdown-item:hover{background:var(--gray-100, #f5f5f5)}.dropdown-item,.dropdown-item i{display:flex;align-items:center;border-radius:14px;color:var(--black);transition:all .2s ease}.dropdown-item i{font-size:26px;width:56px;height:56px;justify-content:center}.dropdown-item:hover i{background:var(--lime);color:var(--black)}.dropdown-item div{display:flex;flex-direction:column;gap:4px}.dropdown-title{display:block;font-weight:600;font-size:18px}.dropdown-desc{display:block;font-size:14px;color:var(--gray-500, #6c757d)}.header-actions{display:flex;align-items:center;gap:16px}.nav-dot{color:var(--gray-400, #adb5bd);font-size:10px;user-select:none}@media (max-width:1024px){.dropdown-trigger i,.nav-dot,.nav-dropdown .dropdown-content{display:none}}.menu-link{color:var(--black);text-decoration:none;font-weight:700;font-size:22px;transition:color .3s ease,transform .3s ease}.menu-link:nth-child(1):hover{color:var(--pink);transform:scale(1.1)}.menu-link:nth-child(2):hover{color:var(--orange);transform:scale(1.1)}.menu-link:nth-child(3):hover{color:var(--lime);transform:scale(1.1)}.menu-link:nth-child(4):hover{color:var(--blue);transform:scale(1.1)}.menu-link:nth-child(5):hover{color:var(--pink);transform:scale(1.1)}.primary-button{background-color:var(--lime);color:var(--black);font-family:var(--font-family);padding:20px 45px;font-size:22px;border:3px solid var(--black);font-weight:700;border-radius:20px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;box-shadow:6px 6px 0 var(--black)}.primary-button:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-2px,-2px)}.primary-button:active{box-shadow:3px 3px 0 var(--black);transform:translate(3px,3px)}.burger-menu{display:none;cursor:pointer;flex-direction:column;justify-content:space-around;width:30px;height:25px}.burger-bar{height:5px;background-color:var(--black);border-radius:10px}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;z-index:1001}.mobile-menu a{text-decoration:none;font-size:24px;margin:20px 0}.close-menu{position:absolute;top:20px;right:20px;font-size:30px;font-weight:700;color:var(--black);cursor:pointer;z-index:1002}@media (max-width:768px){:root{--header-height:70px}body{padding-top:70px}.header-main{transition:none}.header-main.header-hidden{transform:none}.header-container{height:70px;padding:0 30px}.header-logo{order:1;flex:1}.header-logo img{height:60px}.streak-container{order:2;margin-right:20px}.burger-menu{display:flex;order:3}.cta-button,.custom-icon,.login-icon,.main-menu{display:none}}.mobile-menu.open{display:flex}@media (min-width:769px){.burger-menu,.mobile-menu{display:none}}@media (max-width:480px){:root{--header-height:60px}body{padding-top:60px}.header-container{height:60px;padding:0 12px}.header-logo img{height:42px}}.login-icon{margin-left:24px;font-size:3rem;color:var(--black)}.btn-blue,.btn-green,.btn-nav,.btn-org,.btn-pink{background-color:var(--lime);color:var(--black);border:3px solid var(--black);box-shadow:6px 6px 0 var(--black);transition:all .2s ease}.btn-green:active{box-shadow:3px 3px 0 var(--black);transform:translate(3px,3px)}.btn-green:hover,.btn-org:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-2px,-2px)}.btn-blue,.btn-nav,.btn-org,.btn-pink{background-color:var(--orange)}.btn-org:active{box-shadow:3px 3px 0 var(--black);transform:translate(3px,3px)}.btn-blue,.btn-nav,.btn-pink{background-color:var(--pink);color:var(--white)}.btn-pink:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-2px,-2px)}.btn-pink:active{box-shadow:3px 3px 0 var(--black);transform:translate(3px,3px)}.btn-blue,.btn-nav{background-color:var(--blue)}.btn-blue:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-2px,-2px)}.btn-blue:active{box-shadow:3px 3px 0 var(--black);transform:translate(3px,3px)}.btn-nav{background-color:var(--lime);color:var(--black);border-radius:30px;padding:12px 25px}.btn-nav:hover,.hero .cta-button:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-2px,-2px)}.btn-nav:active,.hero .cta-button:active{box-shadow:3px 3px 0 var(--black);transform:translate(3px,3px)}.hero,.image-section{display:flex;justify-content:center;align-items:center}.hero{padding:0 50px;gap:20px;height:100vh;text-align:center}.hero .text{max-width:1200px;text-align:left}.hero h1,.hero p,.mobile-menu a{color:var(--black)}.hero h1{font-size:90px;margin-top:20px;font-weight:900;line-height:1.2;text-align:left;margin-bottom:15px}.hero p{font-size:32px;font-weight:400;margin-top:15px}.hero .cta-button{background-color:var(--lime);font-family:var(--font-family);color:var(--black);padding:20px 50px;font-size:30px;border-radius:20px;border:3px solid var(--black);cursor:pointer;transition:all .2s ease;margin-top:30px;box-shadow:6px 6px 0 var(--black)}.hero .cta-button:active{transform:scale(1.05)}.image-section{width:100%;max-width:1200px;margin-top:30px}.image-section img,.image-section-shpargalka img{height:auto;border-radius:12px;transform:scale(1.1);transition:transform .3s ease-in-out}.image-section img{width:120%;max-width:800px;margin-top:-90px;margin-left:230px}.image-section-shpargalka img{width:100%;max-width:1500px;max-height:1900px}@media (max-width:768px){.hero{flex-direction:column;padding:20px 25px;height:auto;min-height:calc(100vh - 70px)}.hero .text{text-align:center;padding:0 10px;width:100%}.hero h1{font-size:36px;text-align:center;line-height:1.2;word-wrap:break-word}.hero p{font-size:18px;text-align:center;line-height:1.5;padding:0 5px}.hero .cta-button{font-size:20px;padding:15px 30px}.btn-nav,.primary-button{padding:15px 30px;font-size:18px}.btn-nav{padding:10px 20px}.image-section{margin-top:20px;justify-content:center}.image-section img{width:100%;max-width:100%;transform:scale(1)}}@media (max-width:480px){.hero{padding:15px 20px;min-height:calc(100vh - 60px)}.hero h1{font-size:32px}.hero p{font-size:16px}.hero .cta-button{font-size:18px;padding:12px 25px}.btn-nav,.primary-button{padding:12px 25px;font-size:16px}.btn-nav{padding:8px 18px}}.badges-module__badges{display:flex;overflow:hidden;padding:10px 0;width:100%;position:relative}.badges-module__badges-scroll{display:flex;animation:scroll 40s linear infinite;will-change:transform}.badges-module__badges-item{background:#f5f7fa;border-radius:40px;padding:12px 24px;margin-right:20px;transition:transform .3s ease}.badges-module__badges-item:hover{transform:scale(1.05)}.badges-module__badges-item,.badges-module__main-title,.text-namu-module__text-namu{display:flex;align-items:center}.badges-module__main-title{gap:10px}.badges-module__badges-item span{font-size:16px;font-weight:600;color:var(--black)}.badges-module__badges-item span:first-child{font-size:18px}.badge-icon{width:24px;height:24px;margin-right:10px}@media (max-width:768px){.badges-module__badges{padding:8px 0}.badges-module__badges-item{padding:10px 20px;margin-right:15px}.badges-module__badges-item span{font-size:14px}.badges-module__badges-item span:first-child{font-size:16px}.badge-icon{width:20px;height:20px;margin-right:8px}.badges-module__badges-scroll{animation:scroll 25s linear infinite}}@media (max-width:480px){.badges-module__badges-item{padding:8px 16px}.badges-module__badges-item span{font-size:12px}.badges-module__badges-item span:first-child{font-size:14px}.badge-icon{width:18px;height:18px;margin-right:6px}.badges-module__badges-scroll{animation:scroll 20s linear infinite}}.main-hero{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 50px;gap:20px;text-align:center}.hero-content{max-width:1200px;text-align:center}.hero-content h1{font-size:90px;font-weight:900;line-height:1.2;color:var(--black);margin-bottom:15px}.hero-content p{font-size:32px;font-weight:400;color:var(--black);margin-top:15px}.logo-item a{text-decoration:none}.action-btn{background-color:var(--pink);font-size:30px;border:3px solid var(--black);box-shadow:6px 6px 0 var(--black);transition:all .2s ease}.action-btn:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-2px,-2px)}.action-btn:active{box-shadow:3px 3px 0 var(--black);transform:translate(3px,3px)}.action-btn,.action-btn-second,.forabout-btn-second{color:var(--black);padding:20px 50px;font-family:var(--font-family);border-radius:20px;cursor:pointer;margin-top:30px}.action-btn-second{background-color:var(--lime);font-size:30px;border:3px solid var(--black);box-shadow:6px 6px 0 var(--black);transition:all .2s ease}.action-btn-second:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-2px,-2px)}.action-btn-second:active{box-shadow:3px 3px 0 var(--black);transform:translate(3px,3px)}.forabout-btn-second{background-color:var(--orange);font-size:18px;transition:opacity .3s ease,transform .3s ease}.forabout-btn-second:hover{opacity:.8;transform:scale(1.05)}.hero-visual{width:100%;max-width:1200px;display:flex;justify-content:center;align-items:center;margin-top:30px}.hero-visual img{width:100%;max-width:100%;height:auto;border-radius:12px;transform:scale(1.1);transition:transform .3s ease-in-out}@media (max-width:768px){.main-hero{padding:20px 25px;gap:15px}.hero-content{padding:0 10px;width:100%}.hero-content h1{font-size:36px;margin-bottom:10px;line-height:1.2;word-wrap:break-word}.hero-content p{font-size:18px;margin-top:10px;line-height:1.5}.action-btn,.action-btn-second{padding:15px 40px;font-size:20px;margin-top:20px}.action-btn-second{margin-left:0;margin-top:15px}.hero-visual{margin-top:20px}.hero-visual img{width:100%;height:auto;max-width:100%;transform:scale(1)}}@media (max-width:480px){.main-hero{padding:15px 20px;gap:10px}.hero-content h1{font-size:32px;margin-bottom:8px}.hero-content p{font-size:16px;margin-top:8px}.action-btn,.action-btn-second{padding:12px 30px;font-size:18px;margin-top:15px}.action-btn-second{margin-left:0;margin-top:10px}.hero-visual{margin-top:15px}.hero-visual img{width:100%;height:auto;max-width:100%;transform:scale(1)}}.color-blocks{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;padding:70px 0 20px}.block{width:400px;height:60px;border-radius:30px;transition:all .3s ease}.blue{background-color:var(--blue)}.lime{background-color:var(--lime)}.orange{background-color:var(--orange)}.pink{background-color:var(--pink)}.block:hover{transform:scale(1.1)}.development-container{display:flex;flex-direction:column;align-items:center;padding:40px}.content-blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;width:100%;max-width:1200px;margin-top:20px}.family-block,.fast-block,.last-block{padding:30px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:246px}.family-block,.fast-block,.last-block,.playful-block{transition:transform .3s ease,box-shadow .3s ease}.course-block:hover,.family-block:hover,.fast-block:hover,.last-block:hover,.playful-block:hover{transform:translateY(-10px);box-shadow:0 8px 15px rgba(0,0,0,.2)}.course-block,.last-block{background-color:var(--lime)}.last-block{margin-left:auto}.course-block{padding:30px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:430px;transition:transform .3s ease,box-shadow .3s ease}.fast-block{background-color:var(--orange)}.family-block{background-color:var(--blue)}.playful-block{background-color:var(--pink);padding:30px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:310px;margin-left:auto}.large-course-block h2{font-size:28px;font-weight:700;text-align:center;margin-bottom:20px}.large-course-block p,.logo-item span{font-size:18px;text-align:center}.logo-container{display:flex;flex-direction:column;gap:7px;margin-top:-3px}.logo-item{display:flex;align-items:center;background-color:#f5f7fa;padding:5px;border-radius:30px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}.logo-item:hover{transform:scale(1.1)}.logo-item img{width:40px;height:40px;border-radius:20%;margin-right:10px}.logo-item span{font-size:16px;margin-left:180px;color:var(--black)}.single-sticker,.sticker-container{display:flex;justify-content:center;gap:10px;margin-top:-10px}.single-sticker span,.sticker-container span{padding:10px 20px;border-radius:5px;font-size:70px;transition:transform .3s ease}.single-sticker span:hover,.sticker-container span:hover{transform:rotate(15deg) scale(1.2)}.single-sticker-playful span{padding:10px 20px;border-radius:5px;font-size:100px;margin-left:390px}.for-block-title,.p-for-block-title{font-size:36px;font-family:var(--font-family);font-weight:400;margin-top:-10px}.p-for-block-title{font-size:16px;margin-top:-1px}.family-block{text-align:center}.image-container{display:flex;justify-content:center;align-items:center}.center-image{width:350px;height:auto}.center-image-play{margin-top:-20px;width:240px;height:auto}.fullsec-btn{background-color:var(--blue);color:var(--black);padding:20px 50px;font-size:30px;font-family:var(--font-family);border-radius:20px;cursor:pointer;transition:opacity .3s ease,transform .3s ease;margin-top:30px}.fullsec-btn:hover{opacity:.8;transform:scale(1.05)}@media (max-width:768px){.content-blocks{grid-template-columns:1fr;gap:20px;padding:0 40px}.course-block,.family-block,.fast-block,.last-block,.playful-block{width:100%;height:auto;padding:30px}.large-course-block h2{font-size:24px}.large-course-block p{font-size:16px}.logo-item{width:100%;flex-direction:row;justify-content:center;margin-left:0}.logo-item span{font-size:14px;margin-left:0}.single-sticker span,.sticker-container span{font-size:50px}.single-sticker-playful span{font-size:120px;margin-left:0}.center-image{width:270px}.center-image-play{width:230px}.fullsec-btn{font-size:26px;padding:20px 40px}}@media (max-width:480px){.content-blocks{padding:0 20px}.course-block,.family-block,.fast-block,.last-block,.playful-block{padding:25px}.logo-item{width:100%;flex-direction:column;gap:10px}.logo-item span{font-size:14px}.center-image{width:240px}.fullsec-btn{font-size:22px;padding:15px 35px}}@media (max-width:768px){.last-block,.playful-block{margin-top:0;padding-top:20px}.family-block{margin-top:-100px}}.family-block{margin-top:-200px}.last-block{margin-top:-280px}@media (max-width:768px){.family-block,.last-block{margin-top:0;padding-top:20px}.family-block h2,.last-block h2{font-size:18px}.family-block p,.last-block p{font-size:14px}.image-container{text-align:center}.center-image,.center-image-play{width:100%;max-width:100%;height:auto}}.test-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--orange);padding:40px 62px;gap:20px;max-width:100%;width:78%;margin:0 auto;border-radius:30px;box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:hidden;position:relative;height:370px}.test-button,.test-section h2,.test-section h3,.test-section p{color:var(--black);text-align:left}.test-section h2{font-size:32px;font-weight:400}.test-section h3{font-size:48px;font-weight:900}.test-button,.test-section p{font-size:22px}.test-section .button-container{display:flex;justify-content:flex-start;gap:20px}.test-button{background-color:var(--pink);padding:20px 50px;font-size:24px;font-family:var(--font-family);border-radius:20px;border:3px solid var(--black);cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none;box-shadow:6px 6px 0 var(--black)}.test-button:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-2px,-2px)}.test-button:active{box-shadow:3px 3px 0 var(--black);transform:translate(3px,3px)}@media (max-width:768px){.test-section{flex-direction:column;width:90%;padding:20px;height:auto}.test-section h2{font-size:24px}.test-section h3{font-size:36px}.test-section p{font-size:18px}.test-button{padding:15px 30px;font-size:20px}.button-container{flex-direction:column;align-items:center;gap:15px}}@media (max-width:480px){.test-section{padding:15px}.test-button{font-size:18px;padding:12px 25px}}.reviews{text-align:center;padding:40px}.review-cards{display:flex;justify-content:center;gap:20px;flex-wrap:nowrap;overflow:hidden;transition:transform .5s ease;padding-left:50px;padding-right:50px}.review-card{background-color:var(--white);width:500px;height:550px;padding:25px;border-radius:15px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.review-header{display:flex;justify-content:flex-end;align-items:center}.stars{color:gold;font-size:20px}.review-text{font-size:20px;color:var(--black);margin-top:15px;line-height:1.5}.review-footer{margin-top:20px;display:flex;justify-content:flex-start;align-items:center}.review-btn{background-color:var(--orange);color:var(--black);padding:20px 50px;font-size:30px;border:3px solid var(--black);box-shadow:6px 6px 0 var(--black);font-family:var(--font-family);border-radius:20px;cursor:pointer;transition:all .2s ease;margin-top:30px;text-decoration:none;display:inline-block}.review-btn:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-2px,-2px)}.review-btn:active{box-shadow:3px 3px 0 var(--black);transform:translate(3px,3px)}.author-info{display:flex;align-items:center;gap:12px}.author-photo{width:55px;height:55px;border-radius:50%;object-fit:cover}.author{font-size:20px;font-weight:700;color:var(--black)}@media (max-width:768px){.review-header{justify-content:flex-start}.review-cards{display:block;overflow:hidden;width:100%;padding-left:0;padding-right:0;height:350px;position:relative}.development-container{display:flex;flex-direction:column;align-items:self-end;padding:40px}.review-card{width:90%;height:80%;margin-bottom:20px}.review-btn{font-size:20px;padding:15px 40px}.review-text{font-size:18px}}@media (max-width:480px){.review-btn{font-size:18px;padding:12px 30px}.review-text{font-size:16px}}.swiper-button-prev{left:10px;margin-top:380px}.swiper-button-next{right:10px;margin-top:380px}@media (max-width:768px){.swiper-button-next,.swiper-button-prev{display:none!important}}.swiper-pagination-bullet-active{background-color:#000!important;opacity:1!important}.faq_section_section{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;font-family:var(--font-family);gap:40px}.faq_section_left{flex:1;text-align:center}.faq_section_title{font-size:100px;font-weight:900;margin-left:20px;text-align:left;margin-bottom:40px}.faq_section_title-h3{font-size:28px;font-weight:900;text-align:left;margin-top:35px}.faq_section_right{flex:1}.faq_container{display:flex;flex-direction:column;gap:20px}.faq_accordion_item{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--font-family);padding:15px 0;border-bottom:2px solid var(--black);overflow:hidden}.accordion_header,.icon{transition:transform .3s ease}.accordion_header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;width:100%;font-size:18px;font-weight:700;padding:10px 0}.icon{font-size:24px}.accordion_body{display:block;max-height:0;font-family:var(--font-family);overflow:hidden;padding-top:0;font-size:16px;color:var(--darkgray);width:100%;text-align:left;transition:max-height .5s ease,padding-top .5s ease}.faq_accordion_item.active .accordion_body{max-height:200px;padding-top:10px}.faq_accordion_item.active .icon{transform:rotate(90deg)}.faq_accordion_item:not(.active) .accordion_body{max-height:0;padding-top:0}.faq_accordion_item:not(.active) .icon{transform:rotate(0deg)}@media (max-width:768px){.faq_section_section{flex-direction:column;align-items:center;gap:30px}.faq_section_title{font-size:40px;text-align:center;margin-bottom:20px}.faq_section_title-h3{font-size:22px;margin-top:25px}.faq_section_left,.faq_section_right{flex:1;text-align:center}.faq_container{gap:15px}.accordion_header{font-size:16px}.icon{font-size:18px}.faq_accordion_item{padding:10px 0}.faq_accordion_item.active .accordion_body{max-height:150px}.faq_accordion_item:not(.active) .accordion_body{max-height:0}}@media (max-width:480px){.faq_section_title{font-size:50px}.faq_section_title-h3{font-size:20px}.faq_section_section{padding:15px}.accordion_header{font-size:14px}.icon{font-size:16px}.faq_accordion_item{padding:5px 0}.faq_accordion_item.active .accordion_body{max-height:100px}}footer{padding:40px 0}.footer-head{text-align:center;margin-bottom:40px}.footer-head .footer-logo img{max-width:320px;margin-bottom:10px}.footer-head p{font-size:16px;font-weight:400;color:var(--black)}.footer-head .subtitle{font-size:18px;font-weight:800;color:var(--black);margin-top:5px}.footer-social{display:flex;justify-content:center;gap:50px;margin-bottom:30px}.footer-social .item{font-size:24px;color:var(--black);background-color:transparent;border:2px solid var(--black);border-radius:60%;padding:12px;transition:transform .3s ease,color .3s ease,background-color .3s ease,border-color .3s ease}.footer-social .item:hover{transform:translateY(-10px)}.footer-social .item:nth-child(1):hover{color:var(--lime);border-color:var(--lime)}.footer-social .item:nth-child(2):hover{color:var(--blue);border-color:var(--blue)}.footer-social .item:nth-child(3):hover{color:var(--orange);border-color:var(--orange)}.footer-bottom{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:30px}.footer-bottom .footer-navigation{display:flex;justify-content:center;gap:30px;margin-bottom:10px}.footer-bottom .footer-navigation .item{font-size:18px;color:var(--black);display:flex;align-items:center;gap:5px;text-decoration:none;transition:color .3s ease}.footer-bottom .footer-navigation .item:hover{color:var(--pink)}.footer-bottom .footer-navigation .item img{width:20px;height:20px}.footer-bottom .designer{font-size:15px;color:var(--gray);text-align:center;margin-top:10px}.footer-bottom .designer a{color:var(--gray);text-decoration:none;transition:color .3s ease}@media (max-width:768px){footer{padding:20px 0}.footer-head .footer-logo img{max-width:200px}.footer-head p{font-size:14px}.footer-head .subtitle{font-size:16px}.footer-social{gap:20px;margin-bottom:20px}.footer-social .item{font-size:20px;padding:10px}.footer-bottom .footer-navigation{gap:15px}.footer-bottom .footer-navigation .item{font-size:16px;gap:3px}.footer-bottom .footer-navigation .item img{width:16px;height:16px}.footer-bottom .designer{font-size:13px}}@media (max-width:480px){.footer-head .footer-logo img{max-width:150px}.footer-head p{font-size:12px}.footer-bottom .footer-navigation .item,.footer-head .subtitle{font-size:14px}.footer-social .item{font-size:18px;padding:8px}.footer-bottom .footer-navigation{flex-direction:column;gap:10px;margin-left:30px}.footer-bottom .footer-navigation .item img{width:14px;height:14px}.footer-bottom .designer{font-size:12px}}.steps-ecosystem{position:relative;width:100%;max-width:1500px;height:550px;margin:50px auto;overflow:hidden}.thumbs-up-illustration{position:absolute;bottom:-130px;right:70px;width:290px;height:auto;z-index:1}.step-circle,.step-item{display:flex;align-items:center}.step-item{position:absolute;gap:15px;z-index:5;background-color:transparent;cursor:pointer;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.step-item:hover{transform:scale(1.05)}.step-circle{width:75px;height:75px;border-radius:50%;background-color:var(--white);box-shadow:0 4px 15px rgba(0,0,0,.08);justify-content:center}.step-number{font-size:22px;font-weight:700;color:var(--black, #000)}.step-content{max-width:220px}.sticker-icon{font-size:64px;margin-bottom:3px}.mini-headline{font-size:22px;font-weight:700;margin:0 0 4px;color:var(--black, #000)}.description-text{font-size:14px;font-weight:300;margin:0;line-height:1.3;color:var(--darkgray)}.step-1{top:250px;left:0}.step-2{top:120px;left:350px}.step-3{top:250px;left:700px}.step-4{top:100px;left:1050px}.arrow-image{position:absolute;z-index:0}.arrow-1-2{width:250px;height:auto;top:140px;left:100px;transform:rotate(-10deg);opacity:.7}.arrow-2-3{width:200px;height:auto;top:280px;left:480px;transform:rotate(180deg) scaleX(-1);opacity:.7}.arrow-3-4{width:230px;height:auto;top:120px;left:820px;transform:rotate(-14deg);opacity:.7}@media (max-width:768px){.arrow-image{display:none}.step-1,.step-2{top:-20px;left:40px}.step-2{top:200px}.step-3,.step-4{top:400px;left:40px}.step-4{top:600px}.mini-headline{font-size:18px;margin:0 0 2px}.step-circle{width:55px;height:55px}.step-number{font-size:18px}.thumbs-up-illustration{display:none}.steps-ecosystem{height:770px;margin:30px auto}}.main-title{font-size:4.6em;font-weight:900;margin-bottom:10px;line-height:1.1}.subtitle{font-size:1.25em;color:var(--darkgray);margin-bottom:50px;max-width:100%}.container{max-width:1300px;width:100%;margin:20px;padding:0 40px}.test-area{display:flex;gap:40px;align-items:flex-start}.question-card{flex:1;background-color:var(--bg);padding:40px;border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,.05);margin-bottom:0;width:auto}.progress-bar-container{background-color:var(--gray)}.progress-bar{height:100%;background-color:var(--lime);transition:width .4s ease-in-out}.question-text{font-size:1.6em;margin-top:0;margin-bottom:35px;font-weight:500}.options{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.option-label{display:flex;align-items:center;font-size:1.2em;cursor:pointer}.option-label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--black);width:22px;height:22px;border-radius:50%;margin-right:18px;outline:0;cursor:pointer;transition:all .2s ease;position:relative;top:2px}.option-label input[type=radio]:checked{border-color:var(--lime);background-color:var(--lime)}.option-label input[type=radio]:checked:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background:var(--card-bg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.next-button{background-color:var(--lime);font-family:var(--font-family);color:var(--black);border:2px solid var(--black);padding:16px 45px;border-radius:12px;font-size:1.1em;cursor:pointer;font-weight:500;transition:all .2s ease;display:block;margin-left:auto;box-shadow:4px 4px 0 var(--black)}.next-button:hover{box-shadow:6px 6px 0 var(--black);transform:translate(-2px,-2px)}.next-button:active{box-shadow:2px 2px 0 var(--black);transform:translate(2px,2px)}.image-placeholder{min-height:80px;border-radius:20px;position:relative;overflow:hidden;transform:translateY(15px);display:flex;justify-content:center;align-items:flex-end}.image-placeholder img{max-width:50%;margin-left:1130px;object-fit:contain}.image-placeholder .mascot-eyes:nth-child(1){left:20%;transform:none}.image-placeholder .mascot-eyes:nth-child(2){right:20%;transform:none}.result-card{padding:40px 20px}.language-result{display:flex;align-items:center;gap:20px;margin-bottom:30px;text-align:left}.logo-placeholder{width:170px;height:170px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;flex-shrink:0}#result-language{font-size:56px;font-weight:900;color:var(--black);margin:0 0 5px}.result-title{line-height:1.1}@media (max-width:768px){.main-title,.subtitle{font-size:3.2em;text-align:center}.subtitle{font-size:1em;margin-bottom:30px}.container{padding:0 20px;margin-left:-10px}.test-area{flex-direction:column;gap:20px}.question-card{padding:20px}.progress-bar-container{margin-bottom:20px}.question-text{font-size:1.4em}.options{gap:15px}.next-button{padding:12px 30px;font-size:1em;margin-top:20px}.image-placeholder img{max-width:80%;margin-left:0}.language-result{flex-direction:column;align-items:center}#result-language{font-size:48px}.result-title{font-size:2em}}@media (max-width:480px){.main-title{font-size:2.4em}.subtitle{font-size:.9em}.container{padding:0 10px}.test-area{gap:10px}.question-card{padding:15px}.question-text{font-size:1.2em}.next-button{padding:10px 25px}.image-placeholder img{max-width:90%;margin-left:80px}.language-result{gap:10px}#result-language{font-size:40px}.result-title{font-size:1.8em}}.advantages-section{padding:60px 20px;font-family:var(--font-family)}.advantages-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:40px 80px}.advantage-card{display:flex;align-items:flex-start;text-align:left}.adv-icon{width:120px;height:120px;min-width:120px;border-radius:50%;margin-right:30px;display:flex;align-items:center;justify-content:center;border-width:5px;border-style:solid;background-color:var(--white)}.adv-icon.pink{border-color:var(--pink)}.adv-icon.lime{border-color:var(--lime)}.adv-icon.orange{border-color:var(--orange)}.adv-icon.blue{border-color:var(--blue)}.adv-emoji{font-size:65px;line-height:1}.adv-text h3,.text-content h2{font-weight:800;color:var(--black)}.adv-text h3{margin:0 0 12px;font-family:var(--font-family);font-size:30px}.adv-text p,.text-content p{color:var(--darkgray);line-height:1.6}.adv-text p,.feature-container .feature-item p{margin:0;font-size:18px;font-family:var(--font-family)}@media (max-width:768px){.advantages-grid{grid-template-columns:1fr;gap:25px;max-width:450px}.adv-icon{width:70px;height:70px;min-width:70px}.adv-emoji{font-size:38px}}.features-section{padding:60px 20px;font-family:var(--font-family);text-align:center}.section-description{font-size:18px;color:var(--darkgray);margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}.feature-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.feature-container .feature-item{display:flex;align-items:flex-start;text-align:left}.icon-circle{width:80px;height:80px;border-radius:50%;margin-right:20px;display:flex;align-items:center;justify-content:center;border-width:4px;border-style:solid;background-color:var(--white);flex-shrink:0}.pink{border-color:var(--pink)}.lime{border-color:var(--lime)}.orange{border-color:var(--orange)}.blue{border-color:var(--blue)}.sticker-emoji{font-size:45px;line-height:1}.feature-content{flex-grow:1}.feature-container .feature-item h3{margin:0 0 6px;font-family:var(--font-family);font-size:20px;font-weight:800;color:var(--black)}.feature-container .feature-item p{font-size:16px;color:var(--darkgray);line-height:1.6}.circular-progress-wrapper{position:fixed;top:-220px;right:-450px;width:160px;height:160px;z-index:1000;animation:float 3s ease-in-out infinite}.circular-progress{position:relative;width:160px;height:160px;background:var(--card-bg);border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.1)}.circular-progress svg{transform:rotate(-90deg);width:100%;height:100%}.circular-progress circle{fill:none;stroke-width:12;stroke-linecap:round}.circular-progress .progress-bg{stroke:var(--gray)}.circular-progress .progress-fill{stroke:var(--lime);stroke-dasharray:408;stroke-dashoffset:408;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 8px rgba(201,255,44,.5))}.circular-progress .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:900;color:var(--black)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;background:var(--lime);opacity:0;animation:confetti-fall 3s ease-out forwards}.celebration-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(201,255,44,.2)0,transparent 70%);pointer-events:none;z-index:9998;opacity:0;animation:celebration-pulse 2s ease-in-out}@media (max-width:1400px){.circular-progress-wrapper{right:40px}}@media (max-width:1200px){.circular-progress-wrapper{top:100px;right:30px;width:140px;height:140px}.circular-progress{width:140px;height:140px}.circular-progress .progress-text{font-size:28px}}@media (max-width:1024px){.circular-progress-wrapper{position:static;margin:0 auto 30px;display:flex;justify-content:center;animation:none}.test-area{flex-direction:column;align-items:center}.question-card{width:100%;max-width:600px}}@media (max-width:768px){.circular-progress,.circular-progress-wrapper{width:120px;height:120px}.circular-progress .progress-text{font-size:24px}.question-card{padding:30px 20px}}@media (max-width:900px){.feature-container{grid-template-columns:repeat(2,1fr)}.icon-circle{width:70px;height:70px;margin-right:15px}.sticker-emoji{font-size:35px}.feature-container .feature-item h3{font-size:18px}}@media (max-width:600px){.feature-container{grid-template-columns:1fr;gap:25px}.section-title{font-size:28px}}.practice-section{padding:80px 20px;text-align:center}.section-title-dark{font-size:80px;font-weight:900;color:var(--black);margin-bottom:50px}.practice-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:40px;text-align:left}.image-editor-block{flex-basis:55%;box-shadow:0 10px 30px rgba(0,0,0,.2);border-radius:8px;overflow:hidden;flex-shrink:0}.editor-screenshot{width:100%;height:auto;display:block}.content-block{flex-basis:45%;display:flex;flex-direction:column;gap:30px;position:relative;padding-bottom:80px}.text-content h2{font-size:40px;margin:0 0 10px}.text-content p{font-size:19px}.sticker-controller{position:absolute;bottom:0;right:0}.controller-img-emoji{font-size:150px;line-height:1}@media (max-width:992px){.practice-container{flex-direction:column;align-items:stretch;gap:30px}.content-block,.image-editor-block{flex-basis:100%;padding-bottom:0}.section-title-dark{font-size:48px;margin-bottom:30px}.text-content h2{font-size:32px}.text-content p{font-size:17px}.sticker-controller{position:static;margin-top:20px;text-align:center}.controller-img-emoji{font-size:100px}}@media (max-width:576px){.practice-section{padding:40px 15px}.section-title-dark{font-size:36px}.text-content h2{font-size:24px}}.full-width-image-section{padding:40px 0;margin:0;width:100%}.image-container{max-width:1200px;margin:0 auto;padding:0 20px;overflow:hidden;border-radius:8px}.responsive-full-image{width:100%;height:auto;display:block;border-radius:8px}@media (max-width:768px){.full-width-image-section{padding:30px 0}.image-container{padding:0 15px}}.pricing-table-section{padding:80px 20px}.table-wrapper{max-width:1400px;margin:0 auto;border-radius:26px;border:1px solid var(--black);overflow:hidden}.pricing-table{display:grid;grid-template-columns:40% 30% 30%}.table-header{display:contents;font-weight:700;font-size:22px;border-bottom:1px solid var(--black)}.header-cell{padding:30px 25px;text-align:center;border-right:1px solid #f0f0f0}.header-cell:nth-child(3){border-right:none}.feature-label{text-align:left;padding-left:40px}.pro-plan{background-color:#f5f6fa}.table-row{display:contents}.data-cell,.row-label{padding:25px;font-size:18px;line-height:1.5;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center}.row-label{font-weight:600;text-align:left;padding-left:40px;color:#444}.data-cell{justify-content:center;text-align:center}.table-row .data-cell:nth-child(3n){border-right:none;background-color:#f5f6fa}.feature-icon{font-size:26px}.check-icon{font-size:30px;margin-right:5px}.table-row:last-of-type .data-cell,.table-row:last-of-type .row-label{border-bottom:none}@media (max-width:768px){.table-wrapper{border-radius:0;border:0}.pricing-table{display:flex;flex-direction:column}.table-header{display:grid;grid-template-columns:1fr 1fr;width:100%;border-bottom:2px solid var(--black, #1c1c1c);margin-bottom:5px;padding-top:15px}.table-header .header-cell:nth-child(1){display:none}.table-header .header-cell{padding:15px 10px;font-size:16px;text-align:center;border-right:none!important}.table-row{display:block;padding:0;margin-bottom:15px;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.feature-label{display:none!important}.data-cell{border-right:none!important;border-bottom:1px solid #f0f0f0;width:100%;text-align:left;padding:15px 20px;font-size:15px;justify-content:flex-start}.table-row .data-cell:last-child{border-bottom:none}.table-row .data-cell:nth-child(3n){background-color:#f5f6fa}.table-row .data-cell:nth-child(2){background-color:#fff;color:#1c1c1c}}.contact-section{padding:80px 20px}.contact-container{max-width:1250px;margin:0 auto;display:flex;flex-wrap:wrap;background-color:var(--lime);border-radius:30px;padding:70px 60px;align-items:center;gap:60px}.contact-info{flex:1;min-width:350px;color:var(--black, #1c1c1c)}.contact-title{font-size:60px;font-weight:900;margin-bottom:30px}.contact-list{list-style:none;padding:0;font-size:20px;line-height:1.8}.contact-list li::before{content:"•";color:var(--black, #1c1c1c);font-weight:700;display:inline-block;width:1.2em;margin-left:-1.2em}.form-card{flex-basis:450px;background-color:var(--bg);border-radius:20px;padding:40px;box-shadow:0 15px 40px rgba(0,0,0,.15)}.contact-form{display:flex;flex-direction:column;gap:20px}.input-label{font-size:16px;font-weight:500;color:#444;margin-bottom:-5px}.input-field{width:100%;padding:18px 25px;border:2px solid var(--black);border-radius:50px;background-color:var(--white);font-size:18px;color:var(--black);outline:0;transition:all .2s ease;box-sizing:border-box;box-shadow:4px 4px 0 var(--black)}.input-field:focus{box-shadow:6px 6px 0 var(--black);transform:translate(-2px,-2px)}.submit-button{margin-top:30px;padding:20px 40px;border:2px solid var(--black, #1c1c1c);border-radius:50px;background-color:var(--orange);color:var(--black, #1c1c1c);font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:5px 5px 0 var(--black)}.submit-button:hover{box-shadow:7px 7px 0 var(--black);transform:translate(-2px,-2px)}.submit-button:active{box-shadow:2px 2px 0 var(--black);transform:translate(3px,3px)}@media (max-width:992px){.contact-container{flex-direction:column;align-items:center;padding:50px 40px;gap:40px}.contact-info{min-width:auto;width:100%;text-align:center}.contact-title{font-size:48px}.contact-list{text-align:left;max-width:450px;margin:0 auto}.form-card{flex-basis:auto;width:88%;max-width:450px;padding:30px}}@media (max-width:576px){.contact-section{padding:40px 10px}.contact-container{padding:30px 20px;border-radius:20px}.contact-title{font-size:36px;margin-bottom:20px}.contact-list{font-size:16px}.form-card{padding:25px}.input-field{padding:15px 20px;font-size:16px}.submit-button{padding:16px 30px;font-size:16px;margin-top:20px}}.course-map-section{padding:50px 0;overflow:hidden}.map-container{max-width:950px;height:540px;margin:0 auto;position:relative}.map-item{position:absolute;padding:30px 0;background-color:#e6e6e6;border-radius:30px;border:2px solid var(--black);font-size:15px;font-weight:500;color:#444;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,.05);white-space:nowrap;transition:transform .2s,box-shadow .2s;cursor:pointer;min-width:270px;max-width:300px;width:100%}.map-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.map-item:nth-child(1){top:0;left:7%;width:250px}.map-item:nth-child(2){top:0;left:38%;width:180px}.map-item:nth-child(3){top:0;right:3%;width:250px}.map-item:nth-child(4){top:17%;left:22%;width:200px}.map-item:nth-child(5){top:17%;right:20%;width:200px}.map-item:nth-child(6){top:35%;left:7%;width:220px}.map-item:nth-child(7){top:35%;left:36%;width:220px}.map-item:nth-child(8){top:35%;right:6%;width:220px}.map-item:nth-child(9){top:55%;left:22%;width:200px}.map-item:nth-child(10){top:55%;right:20%;width:200px}.map-item:nth-child(11){bottom:13%;left:7%;width:220px}.map-item:nth-child(12){bottom:13%;left:36%;width:220px}.map-item:nth-child(13){bottom:13%;right:6%;width:220px}@media (max-width:768px){.map-container{max-width:100%;padding-bottom:50%}.map-item{position:relative;width:90%;margin:10px auto;font-size:14px;padding:15px 20px;border-radius:20px}.map-item:nth-child(1),.map-item:nth-child(10),.map-item:nth-child(11),.map-item:nth-child(12),.map-item:nth-child(13),.map-item:nth-child(2),.map-item:nth-child(3),.map-item:nth-child(4),.map-item:nth-child(5),.map-item:nth-child(6),.map-item:nth-child(7),.map-item:nth-child(8),.map-item:nth-child(9){top:unset;left:unset;right:unset;bottom:unset}}.courses-section{max-width:1300px;margin:50px auto;padding:0}.content-header-container{display:flex;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.header-box,.header-box-2,.header-box-3,.header-box-4{display:inline-flex;align-items:center;padding:10px 20px;border-radius:30px;height:40px}.header-box{background-color:var(--orange);flex-shrink:0}.header-box-2,.header-box-3,.header-box-4{background-color:var(--blue);margin-bottom:30px}.header-box-3,.header-box-4{background-color:var(--pink)}.header-box-4{background-color:var(--lime)}.chart-icon-svg{width:30px;height:30px;color:var(--text-dark);margin-right:8px;transform:translateY(1px)}.header-title{font-size:18px;font-weight:700;line-height:1;color:var(--text-dark)}.course-tools{margin-bottom:40px;width:100%}.intro-text h2,.section-subtitle{font-size:24px;font-weight:700;color:var(--text-dark);margin:0 0 20px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn,.mobile-filter-toggle{background-color:var(--lime);font-family:var(--font-family);color:var(--dark-text);border-radius:30px;border:0;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .3s,color .3s}.filter-btn{padding:16px 80px;white-space:nowrap}.filter-btn:hover{background-color:var(--gray)}.filter-btn.active{background-color:var(--pink);color:#fff}.mobile-filter-toggle{display:none;padding:16px 20px;width:100%;position:relative;justify-content:space-between;align-items:center}.mobile-filter-toggle:hover{background-color:var(--gray)}.mobile-filter-toggle.open{background-color:var(--pink);color:#fff}.mobile-filter-close-icon,.mobile-filter-icon{transition:opacity .3s}.mobile-filter-toggle.open .mobile-filter-icon{display:none}.mobile-filter-toggle.open .mobile-filter-close-icon{display:inline-block!important}.filter-dropdown{display:none;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px;padding:0;background-color:transparent;border:0;border-radius:15px}.filter-dropdown.show{display:grid}.intro-text h2{font-size:50px;font-weight:900;margin:0 0 50px}.cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.course-card{flex:1 1 350px;max-width:400px;min-width:300px;text-decoration:none;color:var(--text-dark);display:block;background-color:var(--white);border:4px solid var(--black);border-radius:20px;padding:30px;box-shadow:6px 6px 0 var(--black);transition:transform .3s ease-out,box-shadow .3s ease-out}.course-card:hover{transform:translateY(-10px);box-shadow:10px 10px 0 var(--black)}.course-card.hidden{display:none}.card-content{display:flex;flex-direction:column;height:100%}.image-wrapper{margin:0 auto 15px;text-align:left}.course-icon{width:150px;height:auto;display:block}.card-content h3{font-size:48px;font-weight:800;margin:0 0 10px;line-height:1.1}.description{font-size:18px;line-height:1.4;color:var(--text-grey);margin-bottom:25px;flex-grow:1}.level-badge{display:inline-flex;align-items:center;padding:8px 15px;border-radius:25px;font-size:14px;font-weight:700;width:fit-content;border:1px solid var(--black)}.level-chart-dot{width:12px;height:12px;border-radius:50%;margin-right:8px;display:inline-block}.level-lime,.level-pink{background-color:var(--pink);color:var(--black)}.level-blue .level-chart-dot,.level-lime .level-chart-dot,.level-orange .level-chart-dot,.level-pink .level-chart-dot{background-color:var(--black)}.level-lime{background-color:var(--lime)}.level-blue,.level-orange{background-color:var(--blue);color:var(--black)}.level-orange{background-color:var(--orange)}.level-html{background-color:#e34f26;color:#fff}.level-css .level-chart-dot,.level-html .level-chart-dot{background-color:#fff}.level-css{background-color:#1572b6;color:#fff}.level-js{background-color:#f7df1e;color:#000}.level-js .level-chart-dot{background-color:#000}.level-vue{background-color:#4fc08d;color:#fff}.level-vue .level-chart-dot{background-color:#fff}.level-react{background-color:#61dafb;color:#000}.level-react .level-chart-dot{background-color:#000}.level-angular{background-color:#dd0031;color:#fff}.level-angular .level-chart-dot,.level-node .level-chart-dot{background-color:#fff}.level-node{background-color:#393;color:#fff}.level-python{background-color:#3776ab;color:#ffd43b}.level-python .level-chart-dot{background-color:#ffd43b}.level-java{background-color:#007396;color:#fff}.level-java .level-chart-dot{background-color:#fff}.cards-container-2,.cards-container-3{margin-top:20px}@media (max-width:768px){.courses-section{max-width:100%}.course-card{min-width:80%;max-width:80%;margin-left:20px;padding:20px}.header-title{font-size:16px}.intro-text h2{font-size:30px;margin-left:20px}.content-header-container{flex-direction:column;gap:10px}.cards-container{gap:15px}.mobile-filter-toggle{display:flex}.filter-buttons>.filter-btn:not(.filter-dropdown .filter-btn){display:none}.filter-buttons{display:flex;flex-direction:column;align-items:center}.filter-dropdown{width:100%;max-width:400px;margin-left:auto;margin-right:auto;padding:0}.filter-dropdown .filter-btn{width:100%;text-align:center;padding:16px 20px}.mobile-filter-toggle{max-width:400px;width:100%;padding:16px 20px}.section-subtitle{text-align:center}}@media (max-width:480px){.header-box{margin-bottom:10px}.header-box,.header-box-2{display:flex;width:calc(60% - 20px);padding:10px 15px;height:auto;margin-left:10px;min-height:40px;box-sizing:border-box}.header-box-2,.header-box-3{margin-bottom:20px}.filter-btn,.mobile-filter-toggle{font-size:14px;padding:16px 20px}.section-subtitle{font-size:20px}.filter-dropdown,.mobile-filter-toggle{max-width:100%}}.pricing-section{margin-top:20px;max-width:1200px;width:100%;padding:30px;margin-left:auto;margin-right:auto;text-align:center}.plans-container{display:flex;justify-content:center;gap:40px;margin-top:40px}.plan-card{flex:1;padding:40px;border-radius:20px;text-align:left;box-shadow:0 6px 16px rgba(0,0,0,.1);min-width:350px}.paid-plan{border:4px solid var(--pink);box-shadow:0 10px 25px rgba(247,37,133,.3)}.plan-header{border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start}.plan-features li,.plan-title-group{display:flex;align-items:center;margin-bottom:10px}.icon-placeholder{width:40px;height:40px;border-radius:12px;margin-right:15px}.free-icon-bg{background-color:var(--lime)}.paid-icon-bg,.plan-action-upgrade:hover{background-color:var(--pink)}.plan-title{font-size:2rem;font-weight:900;margin:0;color:var(--black)}.plan-subtitle{font-size:.9rem;color:var(--gray)}.plan-price-block{margin-bottom:30px;min-height:80px;text-align:left}.price-main{font-size:2.8rem;font-weight:900;line-height:1.1;display:flex;align-items:baseline;justify-content:flex-start}.price-sub{font-size:.9rem;color:var(--gray)}.price-currency{font-size:2.2rem;font-weight:400;margin-left:5px;color:var(--text-grey)}.annual-price,.monthly-price{color:var(--pink)}.plan-description{font-size:1.3rem;color:var(--black);margin-bottom:30px}.plan-features{list-style:none;padding:0;margin-top:30px;text-align:left}.plan-features li{margin-bottom:15px;font-size:.95rem;color:#444}.feature-icon{font-size:1.1rem;margin-right:10px;text-align:center}.check-green{color:var(--lime)}.check-pink,.plus-pink{color:var(--pink)}.plan-action-btn,.plan-status-current{font-family:var(--font-family);border:2px solid var(--black)}.plan-action-btn{width:100%;padding:15px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;text-decoration:none;display:block;text-align:center}.plan-status-current{background-color:var(--lime);color:var(--black);cursor:default}.club-current-btn,.plan-action-upgrade{background-color:var(--pink);color:var(--black)}.club-current-btn{cursor:default;opacity:.9}.club-manage-btn{background-color:transparent;border:2px solid var(--black);color:var(--black);margin-top:10px}.club-manage-btn:hover{background-color:var(--black);color:#fff}.toggle-wrapper{display:inline-flex;align-items:center;background-color:var(white);border-radius:60px;padding:8px;box-shadow:0 3px 6px rgba(0,0,0,.15);margin-bottom:60px}.toggle-label{padding:12px 25px;font-size:1.1em;font-weight:600;cursor:pointer;border-radius:60px;transition:color .3s ease,background-color .3s ease}.toggle-switch{position:relative;width:80px;height:40px;margin:0 8px}.toggle-switch input{opacity:0;width:0;height:0}.slider,.slider:before{position:absolute;transition:.4s}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--lime);border-radius:40px}.slider:before{content:"";height:30px;width:30px;left:5px;bottom:5px;background-color:#f5f5f5;border-radius:50%}#billing-toggle:checked+.slider{background-color:var(--pink)}#billing-toggle:checked+.slider:before{transform:translateX(40px)}.toggle-wrapper .annual-label{background-color:var(--lime);color:var(--white)}.toggle-wrapper .monthly-label{background-color:transparent;color:#333}.hidden{display:none!important}@media (max-width:768px){.pricing-section{padding:20px 15px}.plans-container{flex-direction:column;gap:20px;align-items:center}.plan-card{width:100%;max-width:360px;padding:25px;margin-right:20px;box-sizing:border-box}.price-main{font-size:2rem}.price-sub{font-size:.8rem}.plan-title{font-size:1.2rem}.plan-subtitle{font-size:.8rem}.plan-description{font-size:.9rem}.plan-features li{font-size:.85rem}.plan-action-btn{font-size:.9rem;padding:12px}.toggle-wrapper{margin-bottom:10px}.toggle-label{font-size:1em}.toggle-switch{width:70px;height:35px}.slider:before{height:25px;width:25px;left:5px;bottom:5px}#billing-toggle:checked+.slider:before{transform:translateX(35px)}}.pricing-nav-buttons{display:flex;justify-content:center;gap:1rem;margin:2rem auto;max-width:500px;padding:0 1rem}.nav-btn,.question-card-improved p{font-family:var(--font-family);color:var(--black)}.nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.05);border:2px solid var(--black);border-radius:12px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.nav-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,105,180,.5);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,105,180,.2)}.nav-btn:active{transform:translateY(0)}.nav-icon{font-size:1.4rem}.nav-text{color:var(--black)}@media (max-width:480px){.pricing-nav-buttons{flex-direction:column;gap:.75rem}.nav-btn{width:100%}}.help-topics-section{padding:40px 20px;text-align:center}.section-title{font-size:40px;font-weight:900;color:var(--black);margin-bottom:40px}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1000px;margin:0 auto}.topic-card{display:flex;flex-direction:column;align-items:center;gap:25px;justify-content:center;padding:30px 20px;background-color:var(--white);border-radius:12px;text-decoration:none;color:var(--black);box-shadow:0 4px 10px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s;height:180px;text-align:center}.topic-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.icon-placeholder{font-size:48px}.topic-name{font-size:18px;font-weight:600;margin:0}.ai-chat-section-improved{display:flex;width:100%;min-height:80vh;padding:20px;background-color:#f7f7f7;box-sizing:border-box}.left-panel-improved,.right-panel-improved{flex:2;padding:20px;background-color:#f7f7f7}.right-panel-improved{flex:1;min-width:750px}.greeting-box-improved{background-color:#fff;border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.illustrations-container-single-user{display:block;margin-bottom:20px;position:relative}.illustration-user-image-single{border-radius:12px;display:flex;justify-content:center;align-items:center;min-height:180px;position:relative;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.03);width:100%}.user-image-content-single{width:80%;height:auto;object-fit:contain}.hand-pointer-final,.video-modal-checkbox input{display:none}.recommended-questions-improved{display:grid;grid-template-columns:1fr 1fr;gap:15px}.question-card-improved{display:flex;flex-direction:column;align-items:flex-start;padding:50px;background-color:var(--white);border-radius:12px;border:0;text-align:left;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:background-color .2s;min-height:100px}.question-card-improved:hover{background-color:#f0f0f0}.question-card-improved p{font-size:18px;line-height:1.4;margin:0}.question-icon-improved{width:30px;height:30px;margin-bottom:10px;display:flex;justify-content:center;align-items:center}.icon-image{width:400%;height:100%;object-fit:contain}.chat-interface-improved{display:flex;flex-direction:column;text-align:left;height:69vh;max-height:69vh;background-color:var(--white);border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.chat-messages-improved{flex:1;padding:20px 20px 10px;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.chat-messages-improved::-webkit-scrollbar{width:8px}.chat-messages-improved::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chat-messages-improved::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.chat-messages-improved::-webkit-scrollbar-thumb:hover{background:#ccc}.message-input-area-improved{display:flex;align-items:center;padding:15px 20px;border-top:1px solid #eee;background-color:var(--white);flex-shrink:0}.message-input-improved{flex-grow:1;border:1px solid #ddd;font-family:var(--font-family);border-radius:20px;padding:10px 15px;font-size:16px}.message-input-improved:focus{outline:0;border-color:var(--lime)}.chat-message{display:flex;margin-bottom:15px;max-width:85%}.chat-message p{padding:14px 18px;border-radius:18px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:15px}.ai-message{justify-content:flex-start;max-width:90%}.ai-message p{background-color:#f0f0f0;color:var(--black);border-top-left-radius:5px;white-space:pre-wrap}.user-message{justify-content:flex-end;margin-left:auto}.user-message p{background-color:#dceb8f;color:var(--black);border-top-right-radius:5px}.send-button-improved{background-color:var(--lime);border:0;border-radius:50%;width:40px;height:40px;cursor:pointer;margin-left:10px;display:flex;justify-content:center;align-items:center;transition:background-color .2s}.send-button-improved:hover{background-color:#cde07f}.send-button-improved svg path{fill:var(--white)}.disclaimer-improved{font-size:10px;color:#999;text-align:center;font-family:var(--font-family);padding:10px 15px;background-color:var(--white);border-top:1px solid #eee;flex-shrink:0}@media (max-width:768px){.ai-chat-section-improved{flex-direction:column;padding:10px}.left-panel-improved,.right-panel-improved{order:1;padding:10px;width:100%}.right-panel-improved{order:2;min-width:100%}.recommended-questions-improved{order:3;grid-template-columns:1fr;gap:10px;margin-top:20px}.greeting-box-improved{padding:15px;margin-bottom:15px}.greeting-title-improved{font-size:24px}.greeting-text-improved{font-size:14px}.illustrations-container-single-user{margin-bottom:15px}.illustration-user-image-single{min-height:150px}.user-image-content-single{width:60%}.question-card-improved{padding:20px;min-height:80px}.question-card-improved p{font-size:16px}.question-icon-improved{width:25px;height:25px}.chat-interface-improved{min-height:60vh}.chat-messages-improved{padding:15px}.message-input-area-improved{padding:10px 15px;bottom:35px}.message-input-improved{font-size:14px;padding:8px 12px}.send-button-improved{width:36px;height:36px}.disclaimer-improved{font-size:9px;padding:8px 10px}.chat-message{max-width:90%}.chat-message p{padding:10px 14px;font-size:14px}}@media (max-width:1024px){.ai-chat-section-improved{flex-direction:column;padding:15px}.greeting-box-improved{order:1}.right-panel-improved{min-width:unset;width:100%;padding:15px 0;order:2}.illustrations-container-single-user{order:3}.recommended-questions-improved{order:4;grid-template-columns:1fr 1fr}.left-panel-improved{padding:15px 0;display:flex;flex-direction:column}.question-card-improved{padding:30px 20px}}@media (max-width:768px){.section-title{font-size:32px;margin-bottom:30px}.topics-grid{grid-template-columns:1fr;gap:15px;padding:0 10px}.topic-card{height:150px;padding:20px 15px}.icon-placeholder{font-size:36px;margin-bottom:15px}.question-card-improved p,.topic-name{font-size:16px}.ai-chat-section-improved{flex-direction:column;padding:10px;min-height:auto}.left-panel-improved,.right-panel-improved{padding:10px 0;width:100%;order:2}.right-panel-improved{min-width:unset;order:1}.greeting-box-improved{padding:15px;margin-bottom:15px}.illustration-user-image-single{min-height:120px}.user-image-content-single{width:90%}.recommended-questions-improved{grid-template-columns:1fr;gap:10px}.question-card-improved{padding:20px 15px;min-height:80px}.question-icon-improved{width:24px;height:24px}.chat-interface-improved{min-height:60vh;border-radius:15px}.chat-messages-improved{padding:15px}.chat-message{max-width:90%}.chat-message p{padding:10px 14px;font-size:15px}.message-input-area-improved{padding:10px 15px;bottom:35px}.message-input-improved{font-size:15px;padding:8px 12px}.send-button-improved{width:36px;height:36px}.disclaimer-improved{font-size:9px;padding:8px 10px}}@media (max-width:480px){.help-topics-section{padding:30px 15px}.section-title{font-size:28px;margin-bottom:20px}.topic-card{height:130px;padding:15px 10px}.icon-placeholder{font-size:32px;margin-bottom:10px}.topic-name{font-size:15px}.greeting-box-improved{padding:12px}.question-card-improved{padding:15px 12px;min-height:70px}.question-card-improved p{font-size:14px}.chat-interface-improved{min-height:50vh}.chat-messages-improved{padding:10px}.chat-message{max-width:95%}.chat-message p{padding:8px 12px;font-size:14px}.message-input-area-improved{padding:8px 10px;bottom:30px}.message-input-improved{font-size:14px;padding:7px 10px}.send-button-improved{width:32px;height:32px;margin-left:8px}.disclaimer-improved{font-size:8px;padding:6px 8px}}.full-width-bg-section{width:100%;min-height:400px;padding:10px 0;background-image:url(https://res.cloudinary.com/djnlof65r/image/upload/v1761834139/fortest_hg04rw.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;color:var(--bg);text-align:center;box-sizing:border-box}.section-content-container{max-width:1200px;margin:0 auto;padding:0 20px}.test-section-exact{max-width:1300px;width:90%;border-radius:25px;padding:80px 50px;margin:0 auto;text-align:center;position:relative}.header-content{margin-bottom:40px}.progress-info{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:700;color:var(--black)}.progress-bar-container{height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin-bottom:20px}#progress-bar,.test-progress-bar-fill{height:100%;background-color:var(--lime);transition:width .3s ease}.question-title-exact{font-size:2.5em;font-weight:900;color:var(--black);line-height:1.3}.code-example-block-exact{background-color:var(--bg-color);padding:60px 40px;margin-bottom:50px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.08);position:relative;text-align:left;overflow-x:auto}.code-example-block-exact pre{margin:0;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.code-content-exact{font-size:22px;color:var(--black);line-height:1.8;overflow-wrap:break-word;word-break:break-word}.answer-option-exact:hover .answer-content:not(.disabled){background-color:#f9f9ff;transform:translateY(-4px);box-shadow:0 12px 25px rgba(0,0,0,.1)}@media (max-width:768px){.test-section-exact{padding:40px 25px;width:95%}.question-title-exact{font-size:1.8em;line-height:1.4}.code-example-block-exact{padding:30px 20px;margin-bottom:30px}.code-content-exact{font-size:16px;line-height:1.6}.answers-grid-exact{grid-template-columns:1fr;gap:15px;margin-top:20px}.answer-content{padding:40px 25px}.option-text{font-size:18px}.icon-image-for-test{width:45px;height:45px;margin-top:-60px}.modal-content{padding:60px 40px;width:90%;margin:20%auto}}@media (max-width:480px){.full-width-bg-section{min-height:auto;padding:20px 0}.test-section-exact{padding:30px 15px;width:98%;border-radius:15px}.header-content{margin-bottom:25px}.progress-info{font-size:14px}.question-title-exact{font-size:1.3em;line-height:1.5;margin-bottom:20px}.code-example-block-exact{padding:20px 15px;margin-bottom:20px;border-radius:12px}.code-content-exact{font-size:14px;line-height:1.5}.answers-grid-exact{gap:12px;margin-top:15px}.answer-content{padding:30px 20px;border-radius:15px}.option-text{font-size:16px}.icon-image-for-test{width:40px;height:40px;margin-top:-50px;margin-left:10px}.modal-content{padding:40px 25px;width:95%;margin:30%auto}}@media (max-width:360px){.test-section-exact{padding:20px 10px}.question-title-exact{font-size:1.1em}.answer-content{padding:25px 15px}.option-text{font-size:15px}}.answers-grid-two-options{grid-template-columns:1fr 1fr}@media (max-width:480px){.answers-grid-two-options{grid-template-columns:1fr 1fr;gap:10px}.answers-grid-two-options .answer-content{padding:25px 15px}.answers-grid-two-options .option-text{font-size:18px;text-align:center}}.tag-exact{color:var(--pink);font-weight:700}.pink-square{background-color:var(--pink)}.code-icons{position:absolute;top:20px;right:20px}.icon-square{width:25px;height:25px;border-radius:5px}.answers-grid-exact{display:grid;grid-template-columns:1fr 1fr;gap:20px 20px;margin-top:-30px}.answer-option-exact{border:0;padding:0;background:0 0;cursor:pointer;text-align:left;transition:transform .2s;outline:0;width:100%}.answer-content{display:flex;align-items:center;justify-content:flex-start;padding:70px 35px;background-color:var(--card-bg);border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,.06);transition:all .2s ease;border:3px solid transparent;height:100%}.option-text{font-size:22px;font-weight:700;font-family:var(--font-family);color:var(--black);text-align:left}.icon-image-for-test{width:60px;height:60px;margin-left:20px;margin-top:-100px;object-fit:contain}.incorrect .answer-content{background-color:var(--light-red)!important;border-color:var(--red)!important;color:var(--red);transform:none!important;box-shadow:none!important}.correct-clicked .answer-content{border-color:var(--green)!important;box-shadow:0 0 10px rgba(40,167,69,.5)!important;transform:none!important}.disabled{pointer-events:none;opacity:.7;cursor:default}.shake .answer-content{animation:shake .3s 4}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4);animation:fadeIn .5s}.btn-modal-sec,.modal-content{background-color:var(--lime);border-radius:15px}.modal-content{margin:15%auto;padding:100px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.2);width:80%;max-width:700px;position:relative;animation:slideIn .5s ease-out}.header h1,.modal-content h2{color:var(--black);margin-bottom:10px}.modal-content h2{font-size:2em}.modal-content p{font-size:1.1em;color:var(--black)}.btn-modal-sec{padding:20px 60px;margin-top:15px;color:var(--black);font-family:var(--font-family);border:2px solid var(--black);cursor:pointer}@media (max-width:768px){.full-width-bg-section{min-height:300px;padding:15px 0}.section-content-container{padding:0 10px}.test-section-exact{width:95%;padding:15px 20px;border-radius:15px}.header-content{margin-bottom:25px}.progress-info{font-size:14px;margin-bottom:8px}.progress-bar-container{height:8px;margin-bottom:15px}.question-title-exact{font-size:1.5em;line-height:1.3;margin-bottom:20px}.code-example-block-exact{padding:25px 20px;margin-bottom:30px;border-radius:15px}.code-content-exact{font-size:16px;line-height:1.6}.code-icons{top:15px;right:15px}.icon-square{width:20px;height:20px}.answers-grid-exact{grid-template-columns:1fr 1fr;gap:60px 22px;margin-top:60px}.answer-content{padding:25px 15px;border-radius:12px;border-width:2px;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:120px}.option-text{font-size:15px;font-weight:600;line-height:1.4;text-align:center}.icon-image-for-test{width:45px;height:45px;margin-left:0;margin-top:0;margin-bottom:12px}.answer-option-exact:hover .answer-content:not(.disabled){transform:none}.modal-content{width:90%;max-width:400px;margin:30%auto;padding:40px 30px;border-radius:12px}.modal-content h2{font-size:1.5em;margin-bottom:15px}.modal-content p{font-size:1em;line-height:1.5}.btn-modal-sec{padding:15px 40px;margin-top:20px;font-size:16px;border-radius:12px}}@media (max-width:480px){.modal-content h2,.question-title-exact{font-size:1.3em}.code-content-exact{font-size:14px;text-align:left}.option-text{font-size:15px}.answer-content{padding:18px 15px;gap:10px}.icon-image-for-test{width:35px;height:35px;margin-top:-50px}.modal-content{padding:30px 20px}.btn-modal-sec{padding:12px 30px;font-size:15px}}.container-for-way{max-width:1100px;margin:0 auto;padding:0 20px}.header{text-align:center;margin-bottom:60px}.header h1{font-size:2.5rem;font-weight:700}.header p{color:var(--darkgray);font-size:1.1rem}.path-container{position:relative;min-height:3400px;width:100%}.lesson-node{position:absolute;width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.2rem;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.2);z-index:10;transition:transform .2s ease,box-shadow .2s ease}.lesson-node:hover{transform:scale(1.15);box-shadow:0 8px 30px rgba(0,0,0,.3)}.lesson-node.completed{background:var(--lime)}.lesson-node.current{background:var(--orange);position:relative}.lesson-node-js.current-js::after,.lesson-node-py.current-py::after,.lesson-node.current::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 4px 30px rgba(255,159,0,.8);animation:pulse 2s infinite;will-change:opacity}.lesson-node.locked{background:var(--pink)}.lesson-1{top:50px;left:15%}.lesson-2{top:250px;right:15%}.lesson-3{top:450px;left:15%}.lesson-4{top:650px;right:15%}.lesson-5{top:850px;left:15%}.lesson-6{top:1050px;right:15%}.lesson-7{top:1250px;left:15%}.lesson-8{top:1450px;right:15%}.lesson-9{top:1650px;left:15%}.lesson-10{top:1850px;right:15%}.lesson-11{top:2050px;left:15%}.lesson-12{top:2250px;right:15%}.lesson-13{top:2450px;left:15%}.lesson-14{top:2650px;right:15%}.lesson-15{top:2850px;left:15%}.lesson-16{top:3050px;right:15%}.lesson-17{top:3250px;left:15%}.path-arrowe{position:absolute;z-index:5}.arrowe-1-2{width:700px;height:auto;top:-30px;left:16%;transform:rotate(-10deg)}.arrowe-2-3,.arrowe-3-4,.arrowe-4-5{width:700px;height:auto;top:181px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-3-4,.arrowe-4-5{top:380px;transform:rotate(45deg) scaleX(-1)}.arrowe-4-5{top:580px;right:20%;transform:rotate(-37deg) scaleX(-1)}.arrowe-5-6{width:700px;height:auto;top:780px;left:17%;transform:rotate(-10deg)}.arrowe-6-7,.arrowe-7-8,.arrowe-8-9{width:700px;height:auto;top:980px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-7-8,.arrowe-8-9{top:1180px;transform:rotate(45deg) scaleX(-1)}.arrowe-8-9{top:1380px;right:20%;transform:rotate(-37deg) scaleX(-1)}.arrowe-9-10{width:700px;height:auto;top:1580px;left:17%;transform:rotate(-10deg)}.arrowe-10-11,.arrowe-11-12,.arrowe-12-13{width:700px;height:auto;top:1780px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-11-12,.arrowe-12-13{top:1980px;transform:rotate(45deg) scaleX(-1)}.arrowe-12-13{top:2180px;right:20%;transform:rotate(-37deg) scaleX(-1)}.arrowe-13-14{width:700px;height:auto;top:2380px;left:17%;transform:rotate(-10deg)}.arrowe-14-15,.arrowe-15-16,.arrowe-16-17{width:700px;height:auto;top:2580px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-15-16,.arrowe-16-17{top:2780px;transform:rotate(45deg) scaleX(-1)}.arrowe-16-17{top:2980px;right:20%;transform:rotate(-37deg) scaleX(-1)}.lesson-card{position:absolute;background:var(--white);padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);border:2px solid var(--gray);z-index:1000;min-width:350px;max-width:320px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.lesson-card.show{opacity:1;visibility:visible;pointer-events:auto}.lesson-card h3,.lesson-card-js h3,.lesson-card-py h3{font-size:1.4rem;color:var(--black);margin-bottom:8px;font-weight:600}.lesson-card p,.lesson-card-js p,.lesson-card-py p{color:var(--darkgray);font-size:.95rem;margin-bottom:12px}.lesson-1 .lesson-card,.lesson-11 .lesson-card,.lesson-13 .lesson-card,.lesson-15 .lesson-card,.lesson-17 .lesson-card,.lesson-3 .lesson-card,.lesson-5 .lesson-card,.lesson-7 .lesson-card,.lesson-9 .lesson-card{left:130px;top:-20px}.lesson-10 .lesson-card,.lesson-12 .lesson-card,.lesson-14 .lesson-card,.lesson-16 .lesson-card,.lesson-2 .lesson-card,.lesson-4 .lesson-card,.lesson-6 .lesson-card,.lesson-8 .lesson-card{right:130px;top:-20px}.lesson-card .description{color:var(--darkgray);font-size:.9rem;line-height:1.5;margin-top:8px}.stars{display:flex;gap:6px;margin-top:12px}.calendar-title i,.star{color:var(--orange);font-size:20px}.star.empty{color:var(--gray)}.complete-btn,.go-to-lesson-btn{color:var(--white);border:0;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;width:100%}.complete-btn{margin-top:15px;padding:12px;background:var(--lime);font-family:var(--font-family);font-size:.95rem;transition:all .2s ease;gap:8px}.complete-btn:hover{background:var(--lime);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,200,83,.3)}.complete-btn:active{transform:translateY(0)}.complete-btn.completed{background:var(--gray);cursor:default}.complete-btn.completed:hover{background:var(--gray);transform:none;box-shadow:none}.go-to-lesson-btn{padding:10px 15px;font-size:14px;transition:background-color .2s}.go-to-lesson-btn .material-icons{margin-right:8px}.go-to-lesson-btn,.go-to-lesson-btn:hover{background-color:var(--blue)}.path-container-js{position:relative;min-height:4000px;width:100%}.lesson-node-js{position:absolute;width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:2.2rem;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.2);z-index:10;transition:transform .2s ease,box-shadow .2s ease}.lesson-node-js:hover{transform:scale(1.15);box-shadow:0 8px 30px rgba(0,0,0,.3)}.lesson-node-js.completed-js{background:var(--lime)}.lesson-node-js.current-js{background:var(--orange);position:relative}.lesson-node-js.current-js::after,.lesson-node-py.current-py::after{box-shadow:0 4px 30px rgba(247,223,30,.8);animation:pulse-js 2s infinite}.lesson-node-js.locked-js{background:var(--pink)}.lesson-js-1{top:50px;left:15%}.lesson-js-2{top:250px;right:15%}.lesson-js-3{top:450px;left:15%}.lesson-js-4{top:650px;right:15%}.lesson-js-5{top:850px;left:15%}.lesson-js-6{top:1050px;right:15%}.lesson-js-7{top:1250px;left:15%}.lesson-js-8{top:1450px;right:15%}.lesson-js-9{top:1650px;left:15%}.lesson-js-10{top:1850px;right:15%}.lesson-js-11{top:2050px;left:15%}.lesson-js-12{top:2250px;right:15%}.lesson-js-13{top:2450px;left:15%}.lesson-js-14{top:2650px;right:15%}.lesson-js-15{top:2850px;left:15%}.lesson-js-16{top:3050px;right:15%}.lesson-js-17{top:3250px;left:15%}.lesson-js-18{top:3450px;right:15%}.lesson-js-19{top:3650px;left:15%}.lesson-js-20{top:3850px;right:15%}.path-arrowe-js{position:absolute;z-index:5}.arrowe-js-1-2{width:700px;height:auto;top:-30px;left:16%;transform:rotate(-10deg)}.arrowe-js-2-3,.arrowe-js-3-4,.arrowe-js-4-5{width:700px;height:auto;top:181px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-js-3-4,.arrowe-js-4-5{top:380px;transform:rotate(45deg) scaleX(-1)}.arrowe-js-4-5{top:580px;right:20%;transform:rotate(-37deg) scaleX(-1)}.arrowe-js-5-6{width:700px;height:auto;top:780px;left:17%;transform:rotate(-10deg)}.arrowe-js-6-7,.arrowe-js-7-8,.arrowe-js-8-9{width:700px;height:auto;top:980px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-js-7-8,.arrowe-js-8-9{top:1180px;transform:rotate(45deg) scaleX(-1)}.arrowe-js-8-9{top:1380px;right:20%;transform:rotate(-37deg) scaleX(-1)}.arrowe-js-9-10{width:700px;height:auto;top:1580px;left:17%;transform:rotate(-10deg)}.arrowe-js-10-11{width:700px;height:auto;top:1780px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-js-11-12,.arrowe-js-12-13{width:700px;height:auto;top:1980px;right:17%;transform:rotate(45deg) scaleX(-1)}.arrowe-js-12-13{top:2180px;right:20%;transform:rotate(-37deg) scaleX(-1)}.arrowe-js-13-14{width:700px;height:auto;top:2380px;left:17%;transform:rotate(-10deg)}.arrowe-js-14-15{width:700px;height:auto;top:2580px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-js-15-16,.arrowe-js-16-17{width:700px;height:auto;top:2780px;right:17%;transform:rotate(45deg) scaleX(-1)}.arrowe-js-16-17{top:2980px;right:20%;transform:rotate(-37deg) scaleX(-1)}.arrowe-js-17-18{width:700px;height:auto;top:3180px;left:17%;transform:rotate(-10deg)}.arrowe-js-18-19,.arrowe-js-19-20{width:700px;height:auto;top:3380px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-js-19-20{top:3580px;transform:rotate(45deg) scaleX(-1)}.lesson-card-js{position:absolute;background:var(--white);padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);border:2px solid var(--gray);z-index:1000;min-width:350px;max-width:320px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.lesson-card-js.show{opacity:1;visibility:visible;pointer-events:auto}.lesson-js-1 .lesson-card-js,.lesson-js-11 .lesson-card-js,.lesson-js-13 .lesson-card-js,.lesson-js-15 .lesson-card-js,.lesson-js-17 .lesson-card-js,.lesson-js-19 .lesson-card-js,.lesson-js-3 .lesson-card-js,.lesson-js-5 .lesson-card-js,.lesson-js-7 .lesson-card-js,.lesson-js-9 .lesson-card-js{left:130px;top:-20px}.lesson-js-10 .lesson-card-js,.lesson-js-12 .lesson-card-js,.lesson-js-14 .lesson-card-js,.lesson-js-16 .lesson-card-js,.lesson-js-18 .lesson-card-js,.lesson-js-2 .lesson-card-js,.lesson-js-20 .lesson-card-js,.lesson-js-4 .lesson-card-js,.lesson-js-6 .lesson-card-js,.lesson-js-8 .lesson-card-js{right:130px;top:-20px}.lesson-card-js .description{color:var(--darkgray);font-size:.9rem;line-height:1.5;margin-top:8px}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-top:10px}.status-badge.completed{background:var(--light-green);color:var(--green)}.status-badge.current{background:#fff3e0;color:var(--orange)}.status-badge.locked{background:#f5f5f5;color:var(--gray)}.card-1{top:0;left:-280px}.card-2{top:0;right:-280px}.card-3{top:0;left:-280px}.card-4{top:0;right:-280px}.card-5{top:0;left:-280px}.card-6{top:0;right:-280px}.trophy{position:absolute;top:1250px;left:50%;transform:translateX(-50%)}.trophy-icon{width:100px;height:100px;background:linear-gradient(135deg,var(--orange),var(--pink));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(255,78,153,.4);animation:bounce 2s infinite;color:var(--white);font-size:3rem}.path-container-py{position:relative;min-height:3200px;width:100%}.lesson-node-py{position:absolute;width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:2.2rem;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.2);z-index:10;transition:transform .2s ease,box-shadow .2s ease}.lesson-number{font-family:"Rubik",sans-serif;font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.lesson-node-py:hover{transform:scale(1.15);box-shadow:0 8px 30px rgba(0,0,0,.3)}.lesson-node-py.completed-py{background:var(--lime)}.lesson-node-py.current-py{background:var(--blue);position:relative}.lesson-node-py.current-py::after{box-shadow:0 4px 30px rgba(255,212,59,.8);animation:pulse-py 2s infinite}.lesson-node-py.locked-py{background:var(--pink)}.lesson-py-1{top:50px;left:15%}.lesson-py-2{top:250px;right:15%}.lesson-py-3{top:450px;left:15%}.lesson-py-4{top:650px;right:15%}.lesson-py-5{top:850px;left:15%}.lesson-py-6{top:1050px;right:15%}.lesson-py-7{top:1250px;left:15%}.lesson-py-8{top:1450px;right:15%}.lesson-py-9{top:1650px;left:15%}.lesson-py-10{top:1850px;right:15%}.lesson-py-11{top:2050px;left:15%}.lesson-py-12{top:2250px;right:15%}.lesson-py-13{top:2450px;left:15%}.lesson-py-14{top:2650px;right:15%}.lesson-py-15{top:2850px;left:15%}.path-arrowe-py{position:absolute;z-index:5}.arrowe-py-1-2{width:700px;height:auto;top:-30px;left:16%;transform:rotate(-10deg)}.arrowe-py-2-3,.arrowe-py-3-4,.arrowe-py-4-5{width:700px;height:auto;top:181px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-py-3-4,.arrowe-py-4-5{top:380px;transform:rotate(45deg) scaleX(-1)}.arrowe-py-4-5{top:580px;right:20%;transform:rotate(-37deg) scaleX(-1)}.arrowe-py-5-6{width:700px;height:auto;top:780px;left:17%;transform:rotate(-10deg)}.arrowe-py-6-7,.arrowe-py-7-8,.arrowe-py-8-9{width:700px;height:auto;top:980px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-py-7-8,.arrowe-py-8-9{top:1180px;transform:rotate(45deg) scaleX(-1)}.arrowe-py-8-9{top:1380px;right:20%;transform:rotate(-37deg) scaleX(-1)}.arrowe-py-9-10{width:700px;height:auto;top:1580px;left:17%;transform:rotate(-10deg)}.arrowe-py-10-11{width:700px;height:auto;top:1780px;right:17%;transform:rotate(-35deg) scaleX(-1)}.arrowe-py-11-12,.arrowe-py-12-13{width:700px;height:auto;top:1980px;right:17%;transform:rotate(45deg) scaleX(-1)}.arrowe-py-12-13{top:2180px;right:20%;transform:rotate(-37deg) scaleX(-1)}.arrowe-py-13-14{width:700px;height:auto;top:2380px;left:17%;transform:rotate(-10deg)}.arrowe-py-14-15{width:700px;height:auto;top:2580px;right:17%;transform:rotate(-35deg) scaleX(-1)}.lesson-card-py{position:absolute;background:var(--white);padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);border:2px solid var(--gray);z-index:1000;min-width:350px;max-width:320px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.lesson-card-py.show{opacity:1;visibility:visible;pointer-events:auto}.lesson-py-1 .lesson-card-py,.lesson-py-11 .lesson-card-py,.lesson-py-13 .lesson-card-py,.lesson-py-15 .lesson-card-py,.lesson-py-3 .lesson-card-py,.lesson-py-5 .lesson-card-py,.lesson-py-7 .lesson-card-py,.lesson-py-9 .lesson-card-py{left:130px;top:-20px}.lesson-py-10 .lesson-card-py,.lesson-py-12 .lesson-card-py,.lesson-py-14 .lesson-card-py,.lesson-py-2 .lesson-card-py,.lesson-py-4 .lesson-card-py,.lesson-py-6 .lesson-card-py,.lesson-py-8 .lesson-card-py{right:130px;top:-20px}.lesson-card-py .description{color:var(--darkgray);font-size:.9rem;line-height:1.5;margin-top:8px}.lesson-card-py .card-header .lesson-icon span,.main-hero-py .hero-content h1{background:var(--blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-badge-py{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-top:10px}.status-badge-py.completed{background:var(--light-green);color:var(--green)}.status-badge-py.current{background:linear-gradient(135deg,rgba(48,105,152,.15),rgba(255,212,59,.15));color:#306998}.status-badge-py.locked{background:#f5f5f5;color:var(--gray)}.trophy-py{position:absolute;top:3050px;left:50%;transform:translateX(-50%)}.trophy-icon-py{width:100px;height:100px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(48,105,152,.4);animation:bounce-py 2s infinite;color:var(--white);font-size:3rem}.complete-btn-py,.go-to-lesson-btn-py{border:0;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center}.go-to-lesson-btn-py{background:linear-gradient(135deg,#306998,#4b8bbe);color:#fff;padding:12px 24px;font-size:16px;gap:8px;transition:transform .2s,box-shadow .2s;margin-top:10px}.go-to-lesson-btn-py:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(48,105,152,.4)}.complete-btn-py{background:linear-gradient(135deg,#ffd43b,#ffc107);color:#306998;padding:10px 20px;font-size:14px;gap:6px;transition:transform .2s;margin-top:8px}.complete-btn-py:hover{transform:scale(1.05)}.complete-btn-py.completed{background:var(--lime);color:var(--green);cursor:default}.lesson-card-py .stars{display:flex;gap:4px;margin-top:10px}.lesson-card-py .stars .star{color:#ffd43b;font-size:24px}.lesson-card-py .stars .star.empty{color:#ddd}.lesson-card-py .card-actions{display:flex;flex-direction:column;gap:8px;margin-top:15px}@media (max-width:768px){.path-container-py{min-height:2800px}.lesson-node-py{width:80px;height:80px;font-size:1.6rem}.lesson-py-1,.lesson-py-11,.lesson-py-13,.lesson-py-15,.lesson-py-3,.lesson-py-5,.lesson-py-7,.lesson-py-9{left:10%}.lesson-py-10,.lesson-py-12,.lesson-py-14,.lesson-py-2,.lesson-py-4,.lesson-py-6,.lesson-py-8{right:10%}.path-arrowe-py{width:400px!important}.lesson-card-py{min-width:280px;max-width:280px;padding:15px}.lesson-py-1 .lesson-card-py,.lesson-py-11 .lesson-card-py,.lesson-py-13 .lesson-card-py,.lesson-py-15 .lesson-card-py,.lesson-py-3 .lesson-card-py,.lesson-py-5 .lesson-card-py,.lesson-py-7 .lesson-card-py,.lesson-py-9 .lesson-card-py{left:100px}.lesson-py-10 .lesson-card-py,.lesson-py-12 .lesson-card-py,.lesson-py-14 .lesson-card-py,.lesson-py-2 .lesson-card-py,.lesson-py-4 .lesson-card-py,.lesson-py-6 .lesson-card-py,.lesson-py-8 .lesson-card-py{right:100px}}@media (max-width:480px){.path-container-py{min-height:2400px}.lesson-node-py{width:65px;height:65px;font-size:1.3rem}.path-arrowe-py{display:none}.lesson-card-py{position:fixed;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%);min-width:90vw;max-width:90vw}}@media (max-width:768px){.header h1{font-size:1.8rem}.header p{font-size:1rem}.path-container{min-height:auto;display:flex;flex-direction:column;align-items:center;gap:40px;padding:20px 0}.lesson-node{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100px;height:100px;font-size:2rem;margin:20px 0}.lesson-node::after{content:"";position:absolute;width:4px;height:60px;background:linear-gradient(to bottom,var(--gray),transparent);top:110px;left:50%;transform:translateX(-50%);z-index:1}.lesson-6::after,.path-arrowe{display:none}.lesson-card::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:0 0;z-index:-1;transition:background .3s ease;pointer-events:none}.lesson-card.show::before{pointer-events:auto}.lesson-card{position:fixed!important;bottom:0!important;max-width:100%;width:100%;max-height:80vh;border-radius:24px 24px 0 0;padding:25px 20px 30px;margin:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);box-shadow:0-10px 40px rgba(0,0,0,.3);overflow-y:auto;backdrop-filter:blur(10px);background:rgba(255,255,255,.98)}.lesson-card.show{transform:translateY(0);animation:modalBounce .5s ease}@keyframes modalBounce{0%{transform:translateY(100%)}70%{transform:translateY(-10px)}to{transform:translateY(0)}}.lesson-card::after{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:50px;height:5px;background:var(--gray);border-radius:10px;opacity:.5}.card-1,.card-2,.card-3,.card-4,.card-5,.card-6,.lesson-card{top:auto!important;left:0!important;right:0!important}.lesson-card h3{font-size:1.4rem;padding-top:15px;background:var(--pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lesson-card p{font-size:.95rem;margin-top:8px}.lesson-card .description{background:#f8f9fa;padding:15px;border-radius:12px;margin-top:15px;border-left:4px solid var(--orange)}.complete-btn,.go-to-lesson-btn{margin-top:15px;padding:14px;font-size:1rem;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease}.complete-btn:active,.go-to-lesson-btn:active{transform:scale(.95)}.stars{margin-top:15px;gap:8px}.star{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.trophy{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin-top:40px;display:flex;justify-content:center}.trophy-icon{width:90px;height:90px;font-size:2.5rem}.lesson-node{animation:slideInUp .5s ease forwards;opacity:0}.lesson-1{animation-delay:.1s}.lesson-2{animation-delay:.2s}.lesson-3{animation-delay:.3s}.lesson-4{animation-delay:.4s}.lesson-5{animation-delay:.5s}.lesson-6{animation-delay:.6s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:400px){.header h1{font-size:1.5rem}.lesson-node{width:85px;height:85px;font-size:1.8rem}.lesson-card{padding:20px 15px}.lesson-card h3{font-size:1.2rem}.trophy-icon{width:80px;height:80px;font-size:2.2rem}}.streak-container,.streak-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.streak-container{margin:0 15px}.streak-icon-wrapper{width:50px;height:50px;background:rgba(255,255,255,.1);border-radius:50%;margin-left:0;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);border:2px solid transparent}@media (max-width:768px){.streak-icon-wrapper{margin-left:-50px}}.streak-icon-wrapper:hover{transform:scale(1.1);background:rgba(255,255,255,.15);box-shadow:0 0 20px rgba(255,107,53,.3)}.streak-fire{font-size:1.8em;transition:all .3s ease;filter:drop-shadow(0 0 8px rgba(255,107,53,.6))}.streak-fire.active{color:var(--orange);animation:fireFlicker 2s ease-in-out infinite;will-change:transform;filter:drop-shadow(0 0 10px rgba(255,107,53,.7))}.streak-fire.inactive{color:#888;filter:drop-shadow(0 0 4px rgba(136,136,136,.3))}.streak-number{position:absolute;bottom:-5px;right:-5px;background:var(--lime);color:#131010;font-size:.75em;font-weight:700;padding:2px 6px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);min-width:20px;text-align:center}.streak-calendar-popup{position:absolute;top:calc(100% + 15px);right:0;background:var(--white);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.25);padding:20px;min-width:320px;max-width:360px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:9999;border:2px solid #e0e0e0;pointer-events:none}.streak-calendar-popup.show{pointer-events:auto}.streak-calendar-popup.show,.streak-calendar-popup:hover,.streak-container:hover .streak-calendar-popup,.streak-icon-wrapper:hover+.streak-calendar-popup{opacity:1;visibility:visible;transform:translateY(0)}.streak-container:hover .streak-calendar-popup{pointer-events:auto}.streak-calendar-popup::before{content:"";position:absolute;top:-10px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}.calendar-header{margin-bottom:15px}.calendar-title{display:flex;align-items:center;gap:8px;font-size:1.2em;font-weight:700;color:var(--black);margin-bottom:12px}.calendar-title i{font-size:1.3em}.calendar-stats{display:flex;justify-content:space-between;gap:15px;padding:10px;background:#f8f9fa;border-radius:10px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.8em;color:var(--darkgray)}.stat-value{font-size:1.1em;font-weight:700;color:var(--black)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:15px 0}.calendar-day{aspect-ratio:1;border-radius:6px;background:#e0e0e0;position:relative;cursor:pointer;transition:all .2s ease;border:1px solid #d0d0d0;min-height:30px}.calendar-day:hover{transform:scale(1.15);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.15)}.calendar-day.active{background:var(--orange)!important;border:1px solid var(--orange);box-shadow:0 0 10px rgba(255,107,53,.4)}.calendar-day.today{background:var(--lime)!important;border:3px solid #131010;box-shadow:0 0 15px rgba(198,223,43,.8);transform:scale(1.1)}.calendar-day.inactive{background:#f5f5f5!important;border:1px solid #e8e8e8}.calendar-day::after{content:attr(data-date);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--black);color:var(--white);padding:4px 8px;border-radius:6px;font-size:.75em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}.calendar-day:hover::after{opacity:1}.calendar-legend{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #eee;font-size:.85em}.legend-item{display:flex;align-items:center;gap:8px;color:#666}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.streak-toast-notification{position:fixed;top:20px;right:20px;background:var(--white);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:15px 20px;opacity:0;transform:translateX(400px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:10000;border-left:4px solid var(--orange)}.streak-toast-notification.show{opacity:1;transform:translateX(0)}.toast-content{display:flex;align-items:center;gap:12px}.toast-text{display:flex;flex-direction:column;gap:4px}.toast-text strong{font-size:1em;color:var(--black)}.toast-text span{font-size:.9em;color:#666}.reminder-ask-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10002;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(4px)}.reminder-ask-modal.show{opacity:1;visibility:visible}.reminder-ask-content{background:#fff;border-radius:24px;padding:40px;max-width:420px;width:90%;text-align:center;transform:scale(.9) translateY(20px);transition:transform .3s ease;box-shadow:0 25px 80px rgba(0,0,0,.3)}.reminder-ask-modal.show .reminder-ask-content{transform:scale(1) translateY(0)}.reminder-ask-icon{font-size:64px;margin-bottom:16px;animation:bell-ring 1s ease-in-out infinite}.reminder-ask-title{font-size:1.6em;font-weight:700;color:#131010;margin:0 0 12px}.reminder-ask-text{font-size:1em;color:#666;line-height:1.6;margin:0 0 20px}.reminder-ask-times{flex-wrap:wrap;margin-bottom:28px}.reminder-ask-times span{background:#f5f5f5;padding:8px 14px;border-radius:20px;font-size:.9em;color:#333}.reminder-ask-buttons,.reminder-ask-times{display:flex;gap:12px;justify-content:center}.reminder-ask-btn{padding:14px 28px;border-radius:12px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease;border:0}.reminder-ask-btn.secondary{background:#f0f0f0;color:#666}.reminder-ask-btn.secondary:hover{background:#e0e0e0}.reminder-ask-btn.primary{background:#c6df2b;color:#131010}.reminder-ask-btn.primary:hover{background:#d4eb3a;transform:translateY(-2px);box-shadow:0 6px 20px rgba(198,223,43,.4)}.streak-reminder-popup{position:fixed;bottom:30px;right:30px;z-index:10001;opacity:0;transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.streak-reminder-popup.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.streak-reminder-content{background:linear-gradient(135deg,#131010 0,#1a1a1a 100%);border-radius:20px;padding:24px 28px;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:280px;max-width:340px;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(198,223,43,.2);position:relative;overflow:visible}.streak-reminder-content::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 20px rgba(198,223,43,.3);animation:pulse-glow 2s infinite;will-change:opacity;pointer-events:none}.streak-reminder-close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.1);border:0;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.6);transition:all .2s ease}.streak-reminder-close:hover{background:rgba(255,255,255,.2);color:#fff}.streak-reminder-icon{font-size:48px;line-height:1}.streak-reminder-text{text-align:center;color:#fff}.streak-reminder-text strong{display:block;font-size:1.2em;margin-bottom:8px;color:#c6df2b}.streak-reminder-text span{font-size:.95em;color:rgba(255,255,255,.8)}.streak-reminder-btn{display:inline-flex;align-items:center;gap:8px;background:#c6df2b;color:#131010;padding:14px 28px;border-radius:12px;font-weight:600;font-size:1em;text-decoration:none;transition:all .3s ease;width:100%;justify-content:center}.streak-reminder-btn:hover{background:#d4eb3a;transform:translateY(-2px);box-shadow:0 8px 20px rgba(198,223,43,.3)}.streak-reminder-btn i{transition:transform .3s ease}.streak-reminder-btn:hover i{transform:translateX(4px)}@media (max-width:480px){.reminder-ask-content{padding:30px 24px}.reminder-ask-buttons{flex-direction:column}.streak-reminder-popup{bottom:20px;right:20px;left:20px}.streak-reminder-content{min-width:auto;max-width:none}}@media (max-width:768px){.streak-calendar-popup{right:-10px;left:auto;transform:translateY(-10px);min-width:300px;max-width:320px}.streak-container:hover .streak-calendar-popup{transform:translateY(0)}.streak-calendar-popup::before{right:25px;left:auto}.calendar-grid{gap:4px}}.color-for-stik-1{color:var(--orange)}.color-for-stik-2{color:var(--lime)}.color-for-stik-3{color:var(--gray)}.custom-icon{width:55px;height:35px}.video-section-koodi{padding:80px 5%;background:var(--bg);position:relative;overflow:hidden}.video-section-koodi::before{content:"";position:absolute;width:400px;height:400px;background:rgba(0,157,255,.05);top:-100px;left:-100px;border-radius:50%}.video-container-koodi{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.video-box,.video-wrapper-koodi{position:relative}.video-box{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15);transition:transform .4s ease}.video-box:hover{transform:translateY(-10px) scale(1.02)}.video-box video{width:100%;height:auto;display:block;object-fit:cover;pointer-events:auto}.video-box video::-webkit-media-controls-fullscreen-button{display:none!important}.video-box video::-webkit-media-controls{display:none!important}.video-box video::--webkit-media-controls-enclosure{display:none!important}.video-box video::-webkit-media-controls-panel{display:none!important}.play-btn-circle,.video-play-overlay{display:flex;align-items:center;justify-content:center}.video-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(19,16,16,.3);opacity:0;transition:opacity .3s ease;cursor:pointer;pointer-events:auto}.video-box:hover .video-play-overlay{opacity:1}.video-play-overlay.show{opacity:1!important}.play-btn-circle{width:80px;height:80px;background:var(--blue);border-radius:50%;position:relative;box-shadow:0 10px 30px rgba(0,157,255,.4);transition:transform .3s ease}.video-box:hover .play-btn-circle{transform:scale(1.1)}.pause-icon,.play-icon{position:absolute;transition:opacity .3s ease}.play-icon{width:0;height:0;border-left:20px solid #fdf7f7;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px;opacity:0}.pause-icon{width:20px;height:24px;opacity:1}.pause-icon::after,.pause-icon::before{content:"";position:absolute;width:6px;height:24px;background:#fdf7f7;border-radius:2px}.pause-icon::before{left:0}.pause-icon::after{right:0}.video-box.paused .play-icon{opacity:1}.video-box.paused .pause-icon,.video-box.playing .play-icon{opacity:0}.video-box.playing .pause-icon{opacity:1}.video-content-koodi{padding:20px 0}.video-tag{display:inline-block;padding:8px 20px;background:rgba(0,157,255,.1);border:2px solid var(--blue);border-radius:50px;font-size:14px;font-weight:600;color:var(--blue);margin-bottom:20px;position:relative}.video-tag::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 10px rgba(0,157,255,.4);animation:pulse-tag 2s ease infinite;will-change:opacity;pointer-events:none}.video-title{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px;color:var(--black)}.video-description{font-size:18px;line-height:1.8;color:#555;margin-bottom:30px}.video-features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.feature-box,.feature-icon{display:flex;align-items:center}.feature-box{gap:10px;padding:12px 16px;background:#fdf7f7;border-radius:10px;border:1px solid #b2afaf;transition:all .3s ease}.feature-box:hover{border-color:var(--blue);transform:translateX(5px);box-shadow:0 5px 15px rgba(0,157,255,.1)}.feature-icon{width:28px;height:28px;border-radius:6px;justify-content:center;color:var(--black);font-weight:700;flex-shrink:0}.feature-box span:last-child{font-size:16px;font-weight:600;color:var(--black)}@media (max-width:768px){.video-section-koodi{padding:60px 5%}.video-container-koodi{grid-template-columns:1fr;gap:40px}.video-box{max-height:300px}.video-box video{height:100%;object-fit:cover}.video-title{font-size:32px}.video-description{font-size:16px}.video-features-list{grid-template-columns:1fr}}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s ease}.video-modal-overlay.active{opacity:1;visibility:visible}.video-modal-container{position:relative;width:90%;max-width:900px;max-height:90vh;overflow-y:auto}.video-modal-skip{position:absolute;top:-50px;right:0;background:0 0;border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:30px;font-family:"Rubik",sans-serif;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.video-modal-skip:hover{background:rgba(255,255,255,.1);border-color:#c6df2b;color:#c6df2b}.video-modal-content{background:linear-gradient(145deg,#1a1a2e 0,#16213e 100%);border-radius:24px;padding:40px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 80px rgba(0,0,0,.5);animation:modalSlideIn .5s ease}.video-modal-header{text-align:center;margin-bottom:30px}.video-modal-logo{width:80px;height:auto;margin-bottom:15px}.video-modal-header h2{color:#fff;font-family:"Rubik",sans-serif;font-size:28px;font-weight:600;margin-bottom:10px;background:linear-gradient(90deg,#c6df2b,#ff9f00,#ff4e99);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-modal-header p{color:rgba(255,255,255,.7);font-family:"Rubik",sans-serif;font-size:16px}.video-modal-player{position:relative;width:100%;padding-bottom:56.25%;border-radius:16px;overflow:hidden;background:#000;margin-bottom:25px}.video-modal-player iframe,.video-modal-player video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-modal-actions{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.video-modal-btn,.video-modal-checkbox{display:flex;align-items:center;gap:10px;font-family:"Rubik",sans-serif;cursor:pointer}.video-modal-btn{padding:14px 28px;border-radius:12px;font-size:16px;font-weight:500;transition:all .3s ease;border:0}.video-modal-btn.primary{background:linear-gradient(135deg,#c6df2b 0,#9bbb0a 100%);color:#1a1a2e}.video-modal-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(198,223,43,.4)}.video-modal-btn.secondary{background:0 0;border:2px solid rgba(255,255,255,.2);color:#fff}.video-modal-btn.secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}.video-modal-checkbox{justify-content:center;color:rgba(255,255,255,.5);font-size:14px;transition:color .3s ease}.video-modal-checkbox:hover{color:rgba(255,255,255,.8)}.video-modal-checkbox .checkmark{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.video-modal-checkbox input:checked+.checkmark{background:#c6df2b;border-color:#c6df2b}.video-modal-checkbox input:checked+.checkmark::after{content:"✓";color:#1a1a2e;font-size:14px;font-weight:700}@media (max-width:768px){.video-modal-content{padding:25px 20px;border-radius:20px}.video-modal-header h2{font-size:22px}.video-modal-header p{font-size:14px}.video-modal-actions{flex-direction:column}.video-modal-btn{width:100%;justify-content:center}.video-modal-skip{top:-45px;padding:8px 16px;font-size:13px}.video-modal-logo{width:60px}}.premium-course-badge{position:absolute;top:12px;right:12px;background:var(--orange, #FF9F00);color:#131010;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:6px;z-index:10;font-family:"Rubik",sans-serif;box-shadow:0 2px 8px rgba(255,159,0,.3)}.premium-course-badge i{font-size:.8rem;color:#131010}.course-card{position:relative}.articles-section{max-width:1300px;margin:0 auto;padding:80px 40px}.articles-section-header{text-align:center;margin-bottom:50px}.articles-section-header h2{font-size:clamp(32px,5vw,48px);font-weight:800;color:var(--black);margin-bottom:10px}.articles-section-header p{font-size:18px;color:var(--darkgray)}.articles-section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}@media (max-width:1000px){.articles-section-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.articles-section-grid{grid-template-columns:1fr}}.article-card-mini{background:var(--white);border-radius:24px;border:3px solid var(--black);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.article-card-mini:hover{transform:translateY(-10px);box-shadow:8px 8px 0 var(--black)}.article-card-mini-preview{height:180px;display:flex;align-items:center;justify-content:center;font-size:72px;border-bottom:3px solid var(--black);position:relative}.preview-vscode{background:linear-gradient(135deg,#0078d4 0,#005a9e 100%)}.preview-html{background:linear-gradient(135deg,#e44d26 0,#f16529 100%)}.preview-python{background:linear-gradient(135deg,#3776ab 0,#ffd43b 100%)}.preview-nodejs{background:linear-gradient(135deg,#393 0,#68a063 100%)}.preview-vue{background:linear-gradient(135deg,#42b883 0,#35495e 100%)}.preview-git{background:linear-gradient(135deg,#f05033 0,#24292e 100%)}.article-card-mini-content{padding:24px;flex:1;display:flex;flex-direction:column}.article-card-mini-tag{display:inline-block;width:fit-content;padding:5px 14px;border-radius:50px;font-size:12px;font-weight:700;background:var(--lime);color:var(--black);margin-bottom:12px;border:2px solid var(--black)}.article-card-mini-content h3{font-size:20px;font-weight:700;color:var(--black);margin-bottom:10px;line-height:1.3}.article-card-mini-content h3 a{color:inherit;text-decoration:none;transition:color .2s ease}.article-card-mini-content p{font-size:15px;color:var(--darkgray);line-height:1.6;margin:0}.articles-section-cta{text-align:center}.articles-section-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;background:var(--lime);color:var(--black);border-radius:20px;font-family:"Rubik",sans-serif;font-weight:700;font-size:16px;text-decoration:none;border:3px solid var(--black);box-shadow:6px 6px 0 var(--black);transition:all .2s ease}.articles-section-btn:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-2px,-2px)}.articles-section-btn:active{box-shadow:3px 3px 0 var(--black);transform:translate(3px,3px)}@media (max-width:480px){.articles-section{padding:60px 15px}.articles-section-header{margin-bottom:30px}.article-card-mini-preview{height:120px;font-size:48px}.article-card-mini-content{padding:16px}.article-card-mini-content h3{font-size:16px}}.auth-required-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:none;align-items:center;justify-content:center}.auth-required-modal.show{display:flex}.auth-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}.auth-modal-content{position:relative;background:var(--white);border-radius:24px;padding:50px 40px;max-width:420px;width:90%;text-align:center;box-shadow:0 25px 60px rgba(0,0,0,.3);animation:authModalSlideIn .4s ease}.auth-modal-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--lime),var(--orange));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.auth-modal-icon i{font-size:2.5rem;color:var(--black)}.auth-modal-content h2{font-size:1.8rem;font-weight:700;color:var(--black);margin-bottom:15px}.auth-modal-content p{font-size:1.1rem;color:var(--darkgray);line-height:1.6;margin-bottom:30px}.auth-modal-buttons{display:flex;flex-direction:column;gap:12px}.auth-modal-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;font-family:var(--font-family)}.auth-modal-btn.primary{background:var(--lime);color:var(--black)}.auth-modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(198,223,43,.4)}.auth-modal-btn.secondary{background:0 0;color:var(--black);border:2px solid #ddd}.auth-modal-btn.secondary:hover{background:#f5f5f5;border-color:#ccc}@media (max-width:480px){.auth-modal-content{padding:35px 25px}.auth-modal-content h2{font-size:1.5rem}.auth-modal-content p{font-size:1rem}}.course-program-section{padding:100px 60px;position:relative;z-index:1}.course-program-section .section-title{font-family:var(--font-family);font-size:80px;font-weight:900;color:var(--black);text-align:center;margin-bottom:60px}.program-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.program-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.row-offset-right{padding-left:100px}.row-offset-1{padding-left:80px}.row-offset-2{padding-left:120px}.program-block{padding:28px 40px;border:5px solid var(--black);border-radius:18px;font-family:var(--font-family);font-size:22px;font-weight:800;font-style:italic;color:var(--black);text-align:center;box-shadow:6px 6px 0 var(--black);cursor:default;transition:transform .3s ease,box-shadow .3s ease;white-space:nowrap}.program-block:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:10px 12px 0 var(--black)}.block-orange{background-color:var(--orange)}.block-pink{background-color:var(--pink)}.block-lime{background-color:var(--lime)}.block-blue{background-color:var(--blue)}@media (max-width:1100px){.course-program-section .section-title{font-size:60px}.program-block{padding:22px 30px;font-size:18px}.row-offset-1,.row-offset-2,.row-offset-right{padding-left:50px}}@media (max-width:768px){.course-program-section{padding:70px 20px}.course-program-section .section-title{font-size:42px;margin-bottom:40px}.program-row{gap:15px}.row-offset-1,.row-offset-2,.row-offset-right{padding-left:0}.program-block{padding:18px 24px;font-size:16px;border-width:4px;box-shadow:5px 5px 0 var(--black);white-space:normal;min-width:140px}}@media (max-width:500px){.course-program-section .section-title{font-size:32px}.program-container{gap:15px}.program-row{gap:12px}.program-block{padding:14px 18px;font-size:14px;border-width:3px;border-radius:14px;box-shadow:4px 4px 0 var(--black);min-width:auto;flex:1}}.code-editor-section{padding:100px 60px;position:relative;z-index:1;text-align:center;scroll-margin-top:100px}.code-editor-section .section-title{font-family:var(--font-family);font-size:72px;font-weight:900;color:var(--black);margin-bottom:15px}.code-editor-section .section-subtitle{font-family:var(--font-family);font-size:22px;font-weight:500;color:var(--darkgray);margin-bottom:40px}.language-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:40px}.lang-tab{display:flex;align-items:center;gap:10px;padding:15px 35px;background-color:var(--orange);border:3px solid var(--black);border-radius:50px;font-family:var(--font-family);font-size:20px;font-weight:700;color:var(--black);cursor:pointer;box-shadow:4px 4px 0 var(--black);transition:transform .2s ease,box-shadow .2s ease}.lang-tab.active,.lang-tab:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--black)}.lang-tab span{font-size:22px}.lang-tab.active{background-color:var(--lime);transform:translateY(-3px)}.lang-tab[data-lang=html],.lang-tab[data-lang=html].active{background-color:var(--orange)}.lang-tab[data-lang=css]{background-color:var(--blue);color:var(--white)}.lang-tab[data-lang=js]{background-color:#f7df1e}.lang-tab[data-lang=python]{background-color:var(--lime)}.lang-tab[data-lang=react]{background-color:#61dafb}.lang-tab[data-lang=vue]{background-color:#42b883;color:var(--white)}.lang-tab[data-lang=node]{background-color:#68a063;color:var(--white)}.lang-tab[data-lang=java]{background-color:#f89820}.lang-tab[data-lang=angular]{background-color:#dd0031;color:var(--white)}.lang-tab[data-lang=css].active{background-color:var(--blue)}.lang-tab[data-lang=js].active{background-color:#f7df1e}.lang-tab[data-lang=python].active{background-color:var(--lime)}.lang-tab[data-lang=react].active{background-color:#61dafb}.lang-tab[data-lang=vue].active{background-color:#42b883}.lang-tab[data-lang=node].active{background-color:#68a063}.lang-tab[data-lang=java].active{background-color:#f89820}.lang-tab[data-lang=angular].active{background-color:#dd0031}.lang-tab:not(.active){opacity:.7}.lang-tab:not(.active):hover{opacity:1}.editor-container{display:flex;gap:30px;max-width:1200px;margin:0 auto 40px;justify-content:center}.code-editor{flex:1;max-width:580px;background-color:#1e1e2e;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.2);text-align:left}.editor-header{display:flex;align-items:center;padding:15px 20px;background-color:#2a2a3e;gap:15px}.editor-dots{display:flex;gap:8px}.dot{width:14px;height:14px;border-radius:50%}.dot.red{background-color:#ff5f57}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#28c840}.editor-filename{font-family:"Monaco","Menlo",monospace;font-size:14px;color:#888}.theme-switcher{margin-left:auto;display:flex;gap:8px}.theme-btn{width:32px;height:32px;border-radius:8px;border:2px solid transparent;background:rgba(255,255,255,.1);cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-btn:hover{background:rgba(255,255,255,.2)}.theme-btn.active{border-color:var(--lime);background:rgba(198,223,43,.2)}.editor-body{display:flex;padding:20px;min-height:250px}.code-input,.line-numbers{font-family:"Monaco","Menlo",monospace;font-size:15px;line-height:1.7}.line-numbers{display:flex;flex-direction:column;padding-right:20px;border-right:1px solid #3a3a4e;margin-right:20px;color:#555;user-select:none}.code-input{flex:1;background:0 0;border:0;outline:0;resize:none;color:#e0e0e0}.editor-footer{padding:15px 20px;background-color:#2a2a3e;display:flex;justify-content:flex-end}.run-btn{display:flex;align-items:center;gap:10px;padding:12px 30px;background-color:var(--lime);border:3px solid var(--black);border-radius:12px;font-family:var(--font-family);font-size:18px;font-weight:800;color:var(--black);cursor:pointer;box-shadow:4px 4px 0 var(--black);transition:all .2s ease}.run-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--black)}.run-btn:active{transform:translateY(1px);box-shadow:2px 2px 0 var(--black)}.result-panel{flex:1;max-width:480px;background-color:#1e1e2e;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.2);text-align:left}.result-header{display:flex;align-items:center;padding:15px 20px;background-color:#2a2a3e;gap:15px}.result-title{font-family:var(--font-family);font-size:14px;font-weight:700;color:#888;letter-spacing:1px}.result-body{padding:30px;min-height:300px;display:flex;align-items:center;justify-content:center}.result-output{font-family:"Monaco","Menlo",monospace;font-size:16px;color:#666;text-align:center;line-height:1.6}.result-output.success{color:var(--lime);font-size:20px;font-weight:600}.code-fun-fact{display:inline-flex;align-items:center;gap:12px;padding:18px 35px;background-color:rgba(255,159,0,.15);border:3px solid var(--orange);border-radius:50px;margin-bottom:40px}.fact-icon{font-size:28px}.code-fun-fact p,.cta-download-btn{font-family:var(--font-family);font-size:18px;font-weight:600;color:var(--black);transition:opacity .2s ease}.cta-download-btn{display:inline-block;padding:25px 80px;background-color:var(--pink);border:4px solid var(--black);border-radius:60px;font-size:28px;font-weight:800;text-decoration:none;box-shadow:6px 6px 0 var(--black);transition:all .3s ease}.cta-download-btn:hover{transform:translateY(-4px);box-shadow:10px 10px 0 var(--black)}.code-editor.theme-light{background-color:#f5f5f5}.code-editor.theme-light .editor-footer,.code-editor.theme-light .editor-header{background-color:#e8e8e8}.code-editor.theme-light .code-input{color:#333}.code-editor.theme-light .line-numbers{color:#999;border-color:#ddd}.code-editor.theme-ocean{background-color:#0d1b2a}.code-editor.theme-ocean .editor-footer,.code-editor.theme-ocean .editor-header{background-color:#1b263b}.code-editor.theme-sunset{background-color:#2d1b2d}.code-editor.theme-sunset .editor-footer,.code-editor.theme-sunset .editor-header{background-color:#3d2b3d}.code-editor.theme-forest{background-color:#1a2f1a}.code-editor.theme-forest .editor-footer,.code-editor.theme-forest .editor-header{background-color:#2a3f2a}.code-editor.theme-pink{background-color:#2d1b2a}.code-editor.theme-pink .editor-footer,.code-editor.theme-pink .editor-header{background-color:#3d2b3a}@media (max-width:1100px){.editor-container{flex-direction:column;align-items:center}.code-editor,.result-panel{max-width:100%;width:100%}}@media (max-width:768px){.code-editor-section{padding:70px 20px}.code-editor-section .section-title{font-size:42px}.code-editor-section .section-subtitle{font-size:18px}.language-tabs{flex-wrap:wrap;gap:10px}.lang-tab{padding:10px 18px;font-size:14px}.code-fun-fact p,.lang-tab span{font-size:16px}.code-input,.line-numbers{font-size:13px}.code-fun-fact{flex-direction:column;text-align:center;padding:15px 25px}.cta-download-btn{padding:20px 50px;font-size:22px}}@media (max-width:500px){.code-editor-section .section-title{font-size:32px}.lang-tab{padding:10px 14px;font-size:0;gap:0}.lang-tab span{font-size:20px}.theme-switcher{display:none}.editor-body{padding:15px;min-height:200px}.code-input{font-size:12px}.result-body{min-height:200px;padding:20px}.cta-download-btn{padding:18px 40px;font-size:20px;width:100%;max-width:300px}}.levels-section{padding:100px 60px;background-color:transparent;position:relative;z-index:1}.levels-header{max-width:1000px;margin:0 auto 80px;text-align:center}.levels-title{font-size:72px;font-weight:900;color:#131010;margin-bottom:30px;line-height:1.1}.levels-text{font-size:22px;font-weight:400;color:#666;line-height:1.6}.levels-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:60px}.levels-video{flex:1;max-width:700px}.levels-video video{width:100%;height:auto;border-radius:20px;box-shadow:10px 10px 0#131010}.levels-buttons{display:flex;flex-direction:column;gap:25px}.level-btn{display:flex;align-items:center;justify-content:center;width:320px;height:110px;border:4px solid #131010;border-radius:25px;text-decoration:none;font-size:44px;font-weight:900;color:#131010;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,width .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:6px 6px 0#131010}.level-btn span{position:relative;z-index:2;transition:transform .3s ease,letter-spacing .3s ease}.level-junior{background-color:#c6df2b}.level-middle{background-color:#ff4e99}.level-senior{background-color:#ff9f00}.level-btn:hover{transform:translateX(-20px) scale(1.08);box-shadow:12px 12px 0#131010;width:380px}.level-btn:hover span{transform:scale(1.1);letter-spacing:3px}.level-btn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.level-btn:hover::after{left:100%}@media (max-width:1200px){.levels-container{flex-direction:column;text-align:center}.levels-buttons{align-items:center}.level-btn:hover{transform:scale(1.08);width:350px}}@media (max-width:768px){.levels-section{padding:80px 30px}.levels-title{font-size:48px}.levels-text{font-size:18px}.level-btn{width:280px;height:90px;font-size:36px}}@media (max-width:600px){.levels-section{padding:60px 20px}.levels-title{font-size:30px}.levels-text{font-size:16px}.level-btn{width:260px;height:80px;font-size:32px}}