html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.hero-section{background:linear-gradient(135deg,#f8d7da 0%,#e8c5e5 100%)}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.floating-animation{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.pulse-animation{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.video-container{width:100%;height:0;padding-bottom:56.25%;position:relative}.video-thumbnail{cursor:pointer;background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.play-button{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0003}.play-button:hover{background:#fff;transform:scale(1.1)}.play-icon{border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:25px solid #333;width:0;height:0;margin-left:8px}.video-iframe{width:100%;height:100%;position:absolute;top:0;left:0}.features-section{--primary-blue:#3b82f6;--primary-purple:#8b5cf6;--primary-green:#10b981;--primary-orange:#f59e0b;--primary-red:#ef4444;--primary-indigo:#6366f1;--primary-teal:#14b8a6;--text-primary:#1f2937;--text-secondary:#6b7280}@media (min-width:768px){.features-section .expanded-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafc);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.features-section .feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);transition:all .3s cubic-bezier(.4,0,.2,1)}.features-section .feature-card .icon-container,.features-section .extended-card .icon-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.features-section .feature-card:hover .icon-container,.features-section .extended-card .icon-container{transform:scale(1.1);box-shadow:0 8px 25px -5px #0003}}@media (max-width:767px){.features-section .mobile-slider{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.features-section .mobile-slider::-webkit-scrollbar{display:none}.features-section .mobile-card{scroll-snap-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafc);min-width:85vw}}@media (min-width:768px){.features-section .stagger-animation{opacity:0;animation:.6s ease-out forwards fadeInUp;transform:translateY(20px)}.features-section .stagger-animation:first-child{animation-delay:.1s}.features-section .stagger-animation:nth-child(2){animation-delay:.15s}.features-section .stagger-animation:nth-child(3){animation-delay:.2s}.features-section .stagger-animation:nth-child(4){animation-delay:.25s}.features-section .stagger-animation:nth-child(5){animation-delay:.3s}.features-section .stagger-animation:nth-child(6){animation-delay:.35s}.features-section .stagger-animation:nth-child(7){animation-delay:.4s}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.features-section .pulse-dot{animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.features-section .indicator-active{background:linear-gradient(135deg,var(--primary-blue),#1d4ed8)}.features-section .indicator-inactive{background:#9ca3af80}#schedule-section .schedule-panel{display:none}#schedule-section .schedule-panel.active{display:block}#schedule-section .schedule-tabs-mobile{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}#schedule-section .schedule-tabs-mobile::-webkit-scrollbar{display:none}#schedule-section .schedule-tab-mobile{scroll-snap-align:center}#pricing-section .pricing-mobile-scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}#pricing-section .pricing-mobile-scroll::-webkit-scrollbar{display:none}.gradient-border{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1rem;padding:2px}.review-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)}#community-section .community-mobile-scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}#community-section .community-card{scroll-snap-align:center}#community-section .community-mobile-scroll::-webkit-scrollbar{display:none}#learning-section .learning-mobile-scroll::-webkit-scrollbar{display:none}#learning-section .learning-mobile-scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}#learning-section .learning-card{scroll-snap-align:center}#learning-section .learning-hover-card:hover .learning-hover-content{opacity:1;max-height:200px;padding-bottom:1rem}@media (min-width:768px){#learning-section .infinite-scroll-container{scrollbar-width:none;-ms-overflow-style:none;width:100%;overflow:auto hidden}#learning-section .infinite-scroll-track{width:calc(200% - 39rem);animation:30s linear infinite infiniteScroll;display:flex}#learning-section .infinite-scroll-track:hover{animation-play-state:paused}@keyframes infiniteScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}#learning-section .learning-mobile-scroll{padding-bottom:0;overflow:visible}}@media (max-width:767px){#learning-section .learning-mobile-scroll{padding-bottom:1rem;overflow-x:auto}#learning-section .infinite-scroll-track{gap:1rem;width:auto;display:flex}}#learning-section .learning-card{transition:transform .3s,box-shadow .3s}#learning-section .learning-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.scroll-x::-webkit-scrollbar{display:none}.scroll-x{-ms-overflow-style:none;scrollbar-width:none}.earth-surface{transform-origin:50%;border:5px dashed #fff;border-radius:50%;width:2000px;height:2000px;position:relative}.earth-container{position:absolute;bottom:20%;left:50%;transform:translate(-50%)translateY(100%)}#character-container{width:150px;height:150px;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.character{z-index:10;object-fit:contain;transform-origin:bottom;width:150px;height:150px;transition:all .3s;position:absolute}.character.marina{left:-50px}.character.nastya{left:50px}.place-1{transform-origin:1000px 1000px;position:absolute;transform:rotate(90deg)translate(150px,150px)}.place-2{transform-origin:1000px 1000px;position:absolute;transform:rotate(135deg)translate(180px,180px)}.place-3{transform-origin:1000px 1000px;position:absolute;transform:rotate(180deg)translate(180px,180px)}.place-4{transform-origin:1000px 1000px;position:absolute;transform:rotate(225deg)translate(150px,150px)}.place-5{transform-origin:1000px 1000px;position:absolute;transform:rotate(270deg)translate(150px,150px)}.place-6{transform-origin:1000px 1000px;position:absolute;transform:rotate(67.5deg)translate(0)}.place-7{transform-origin:1000px 1000px;position:absolute;transform:rotate(112.5deg)translate(0)}.place-8{transform-origin:1000px 1000px;position:absolute;transform:rotate(157.5deg)translate(0)}.place-9{transform-origin:1000px 1000px;position:absolute;transform:rotate(202.5deg)translate(0)}.place-10{transform-origin:1000px 1000px;position:absolute;transform:rotate(247.5deg)translate(0)}.place-11{transform-origin:1000px 1000px;position:absolute;transform:rotate(340deg)translate(0)}.cloud-image,.sun-image{object-fit:contain;z-index:5;width:200px;height:200px;transform:rotate(-45deg)}.place-image{object-fit:contain;z-index:5;width:150px;height:150px;transform:rotate(-45deg)}.place-2-image{object-fit:contain;z-index:5;width:120px;height:120px;transform:rotate(-45deg)}.place-3-image{object-fit:contain;z-index:5;width:150px;height:150px;transform:rotate(-90deg)}.question-marks,.light-bulb{z-index:15;opacity:0;transition:opacity .3s;position:absolute;bottom:100px}.progress-container{z-index:15;opacity:0;transition:opacity .3s;position:absolute;bottom:150px}.progress-bar{background:#f3e8ff;border:3px solid #fff;border-radius:10px;width:150px;height:20px;margin-bottom:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#7c3aed);width:0%;height:100%;transition:width 1s ease-in-out}.progress-text{text-align:center;color:#333;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;font-size:30px;font-weight:700}.welcome-text{z-index:15;opacity:0;transition:opacity .3s;position:absolute;bottom:100px}.fireworks{z-index:-1;opacity:0;width:300px;height:300px;transition:opacity .3s;position:absolute;bottom:50px;right:50px;transform:rotate(-45deg)}.glasses{z-index:20;opacity:0;width:50px;height:25px;transition:opacity .3s;position:absolute}.glasses-1{bottom:56px;left:4px}.glasses-2{bottom:55px;right:-4px}.earth-surface.rotate{animation:20s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.walk-left{animation:.5s linear infinite walkLeft}.walk-right{animation:.5s linear infinite walkRight}@keyframes walkLeft{0%{transform:rotate(0)}50%{transform:rotate(-15deg)}to{transform:rotate(0)}}@keyframes walkRight{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}@keyframes characterRise{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes characterJump{0%{transform:translateY(0)}50%{transform:translateY(-40px)}to{transform:translateY(0)}}@keyframes characterWave{0%{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}@keyframes characterFly{0%{transform:scale(1)translateY(0)}50%{transform:scale(.7)translateY(-220px)}to{transform:scale(1)translateY(0)}}.character-rise{animation:.5s ease-in-out characterRise}.character-jump{animation:.5s ease-in-out characterJump}.character-wave{animation:1s ease-in-out infinite characterWave}.character-fly{animation:2s ease-in-out characterFly}.place-blink{animation:.5s ease-in-out 3 blink}.place-shake{animation:.3s ease-in-out 5 shake}.plane-fly{animation:2s ease-in-out planeFly}.place-jelly{animation:1s cubic-bezier(.22,1.61,.36,1) both placeJelly}.place-jelly-infinite{animation:1s ease-in-out infinite cloudJelly}.jelly{animation:1s cubic-bezier(.22,1.61,.36,1) both jelly}.glasses-walk-left{animation:.5s linear infinite walkLeft}.glasses-walk-right{animation:.5s linear infinite walkRight}.progress-shake{animation:.3s ease-in-out 2 progressShake}.glasses-appear{animation:.3s ease-in-out glassesAppear}.sparkle-shake{animation:3s ease-in-out infinite sparkleShake}@keyframes sparkleShake{0%,to{transform:translate(0)}10%{transform:translate(-2px)rotate(-1deg)}20%{transform:translate(2px)rotate(1deg)}30%{transform:translate(-1px)rotate(-.5deg)}40%{transform:translate(1px)rotate(.5deg)}50%{transform:translate(0)rotate(0)}}@keyframes glassesAppear{0%{transform:translateY(-100px)rotate(0)}to{transform:translateY(0)rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes shake{0%,to{transform:rotate(-90deg)translate(0)}25%{transform:rotate(-90deg)translate(-5px)}75%{transform:rotate(-90deg)translate(5px)}}@keyframes progressShake{0%,to{transform:translate(0)}25%{transform:translate(-5px,5px)}50%{transform:translateY(-5px)}75%{transform:translate(5px,-5px)}}@keyframes planeFly{0%{transform:scale(1)translateY(0)rotate(-45deg)}50%{transform:scale(1.5)translateY(-100px)rotate(0)}to{transform:scale(1)translateY(0)rotate(45deg)}}@keyframes jelly{0%{transform:scale(1)}20%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}60%{transform:scale(1.15,.85)}80%{transform:scale(.95,1.05)}to{transform:scale(1)}}@keyframes placeJelly{0%{transform:rotate(-45deg)scale(1)}20%{transform:rotate(-45deg)scale(1.25,.75)}40%{transform:rotate(-45deg)scale(.75,1.25)}60%{transform:rotate(-45deg)scale(1.15,.85)}80%{transform:rotate(-45deg)scale(.95,1.05)}to{transform:rotate(-45deg)scale(1)}}@keyframes cloudJelly{0%{transform:rotate(-45deg)scale(1)}20%{transform:rotate(-45deg)scale(1.05,.95)}40%{transform:rotate(-45deg)scale(.85,1.15)}60%{transform:rotate(-45deg)scale(1.15,.85)}80%{transform:rotate(-45deg)scale(.95,1.05)}to{transform:rotate(-45deg)scale(1)}}