:root{--primary-color: #4361ee;--secondary-color: #3a0ca3;--accent-color: #4cc9f0;--text-dark: #333;--text-light: #f8f9fa;--bg-light: #ffffff;--bg-gray: #f8f9fa;--shadow: 0 5px 15px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-light);overflow-x:hidden}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img{max-width:100%;height:auto}.btn{display:inline-block;padding:12px 24px;border-radius:50px;font-weight:500;text-align:center;cursor:pointer;transition:var(--transition)}.btn-primary{background-color:var(--primary-color);color:var(--text-light)}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-3px)}.btn-secondary{background-color:transparent;color:var(--text-dark);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--text-light);transform:translateY(-3px)}.btn-store{padding:0;display:inline-block;border-radius:8px;overflow:hidden;width:auto;margin-right:0;margin-bottom:20px;vertical-align:middle}.btn-store img{transition:var(--transition)}.btn-store:hover img{transform:translateY(-3px)}.btn-store.google-play{height:70px;width:auto}.btn-store.google-play img{margin-left:15px;height:70px;width:auto;max-width:170px}.btn-store.apple{height:47px}.btn-store.apple img{margin-top:11px;height:47px;width:auto;max-width:160px}.traening-hero{background:#02071b;color:#fff;padding:100px 0 0;position:relative;overflow:hidden}.traening-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="2" fill="rgba(127,93,240,0.15)"/><circle cx="75" cy="75" r="2" fill="rgba(127,93,240,0.15)"/><circle cx="75" cy="25" r="1" fill="rgba(127,93,240,0.1)"/><circle cx="25" cy="75" r="1" fill="rgba(127,93,240,0.1)"/></svg>') repeat;animation:float 20s linear infinite}.traening-buttons{display:flex;align-items:center;gap:15px;margin-top:20px;flex-wrap:wrap}.traening-buttons .btn-learn-more{flex-shrink:0;min-width:120px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:10px}.traening-buttons .btn-store{height:60px;flex-shrink:0}.store-buttons{display:flex;flex-direction:column;gap:8px;align-items:center}.store-buttons .btn-primary{align-self:stretch;text-align:center;margin-bottom:8px;order:-1}.store-buttons .btn-store{margin-right:0;margin-bottom:8px}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.traening-hero-content{position:relative;z-index:2}.hero-banner-container{position:relative;max-width:600px;margin:0 auto;text-align:center}.hero-banner{width:100%;display:block;margin:0 auto;border-radius:20px;box-shadow:0 20px 60px #7f5df04d}.hero-text-section{text-align:center;padding:60px 0 80px;background:#02071b;position:relative;z-index:2}.hero-text-section h1{font-size:2.8rem;margin-bottom:15px;background:linear-gradient(135deg,#7f5df0,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text-section .hero-subtitle{font-size:1.5rem;color:#a78bfa;margin-bottom:15px;display:block}.hero-text-section p{color:#b0b0b0;max-width:700px;margin:0 auto 30px;font-size:1.1rem}.lang-switcher{position:relative;display:inline-block;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lang-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:24px;background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.06);cursor:pointer;font-weight:600;min-height:42px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;font-family:inherit;line-height:1}.lang-btn .lang-flag{font-size:1.05rem;line-height:1;display:inline-block}.lang-btn .lang-label{font-size:.92rem;font-family:inherit;font-weight:600}.lang-btn .lang-caret{opacity:.8}.lang-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:#fff;color:var(--text-dark);border-radius:10px;box-shadow:0 8px 30px #00000038;min-width:180px;z-index:100000;padding:6px;display:grid;gap:6px;font-family:inherit;max-height:calc(100vh - 140px);overflow:hidden}.lang-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:transparent;border:none;text-align:left;cursor:pointer;font-weight:600;font-family:inherit;line-height:1.1}.lang-item:hover,.lang-item.active{background:linear-gradient(90deg,#7f5df014,#7c3aed0f)}.lang-item-flag{font-size:1.05rem;line-height:1;display:inline-block}.lang-item-label{font-size:.95rem;font-family:inherit}@media (max-width: 640px){.lang-dropdown{position:fixed;top:72px;right:12px;left:auto;width:min(320px,calc(100% - 24px));max-width:320px;max-height:calc(100vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px}.lang-btn{padding:10px 16px;min-height:48px;min-width:140px}.lang-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.lang-item-flag{width:28px;display:inline-flex;align-items:center;justify-content:center}}.lang-switcher{z-index:99999}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:40px 0}.language-card{background:#fff;border-radius:15px;padding:25px;text-align:center;box-shadow:0 5px 15px #00000014;transition:transform .25s ease,box-shadow .25s ease}.language-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001f}.level-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.level-badge{background:linear-gradient(45deg,#7f5df0,#5d36d0);color:#fff;padding:6px 10px;border-radius:12px;font-size:.85rem;font-weight:600}.exercise-demo{background:#f8f9fa;padding:60px 0}.demo-card{background:#fff;border-radius:16px;padding:30px;max-width:600px;margin:0 auto;box-shadow:0 10px 30px #0000000f}.exercise-text{font-size:1.15rem;line-height:1.6;color:var(--text-dark);margin-bottom:16px}.gap{background:linear-gradient(45deg,#7f5df0,#5d36d0);color:#fff;padding:4px 10px;border-radius:16px;font-weight:600}.hint{color:#666;font-size:.9rem;font-style:italic}.cta-section{background:linear-gradient(135deg,#5d36d0,#7f5df0);color:#fff;padding:60px 0;text-align:center}.store-buttons-cta{display:flex;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}.store-buttons-cta .btn-store.google-play img{height:80px;width:auto}.store-buttons-cta .btn-store.apple img{height:54px;width:auto;margin-top:0}.traening-buttons{display:flex;justify-content:center;gap:14px;margin-top:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;padding:40px 0}.stat-item{padding:20px;text-align:center}.stat-number{font-size:3.5rem;font-weight:700;color:#7f5df0;display:block;margin-bottom:10px}.stat-label{color:#666;margin-top:8px;font-size:1.1rem}.stats-section{background:#f8f9fa;padding:60px 0}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.5rem;color:var(--secondary-color);margin-bottom:15px;font-weight:700}.section-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.features-showcase{padding:80px 0;background:#fff}.feature-item{display:flex;gap:30px;margin-bottom:50px;align-items:flex-start}.feature-item:nth-child(2n){flex-direction:row-reverse}.feature-icon{flex-shrink:0;width:80px;height:80px;background:linear-gradient(135deg,#7f5df0,#5d36d0);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 10px 30px #7d5df04d}.feature-content h3{font-size:1.8rem;color:var(--secondary-color);margin-bottom:12px;font-weight:600}.feature-content p{font-size:1.05rem;color:#555;line-height:1.7}.app-logo{width:80px;height:80px;border-radius:18px;box-shadow:0 8px 20px #0000001a;display:inline-block}.flag-icon{font-size:3rem;margin-bottom:15px}.hero-buttons-overlay{margin-top:30px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.hero-text-section{padding-right:20px}.hero-text-section h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px;color:#02071b}.hero-text-section .hero-subtitle{font-size:1.5rem;color:var(--primary-color);font-weight:500;margin-bottom:20px;display:block}.hero-text-section p{font-size:1.1rem;color:#555;margin-bottom:30px;line-height:1.8}.store-buttons-large{display:flex;justify-content:center;gap:15px;margin:30px 0;flex-wrap:wrap}.store-buttons-large .btn-store{height:60px;padding:0;display:inline-block;border-radius:8px;overflow:hidden;transition:all .3s ease}.store-buttons-large .btn-store:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.store-buttons-large .btn-store img{height:60px;width:auto;display:block}.store-buttons-large .btn-store.apple img{height:50px;margin-top:5px}.hero-grid-layout{display:flex;flex-direction:column;gap:40px}@media (min-width: 900px){.hero-grid-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:50px}.hero-banner{display:block;max-width:700px;margin-bottom:18px}}.quiz-section{padding:60px 0;background-color:#fff}.quiz-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:40px;max-width:800px;margin:0 auto;position:relative}.quiz-question-box{margin-bottom:30px}.question-text{font-size:1.5rem;font-weight:600;color:var(--text-dark);line-height:1.4}.gap-fill{display:inline-block;min-width:100px;border-bottom:3px solid var(--primary-color);padding:0 10px;color:var(--primary-color);font-weight:700;text-align:center}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.option-btn{padding:20px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.option-btn:hover{border-color:var(--primary-color);background-color:#f0f7ff}.option-btn.correct{background-color:#d4edda;border-color:#28a745;color:#155724}.option-btn.wrong{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.quiz-progress{height:8px;background-color:#e9ecef;border-radius:4px;margin-bottom:30px;overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-color);transition:width .3s ease}.explanation-box{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:10px;border-left:4px solid var(--primary-color);animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:100;border-radius:20px}.modal-content{background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0003;text-align:center;max-width:500px;margin:20px;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{font-size:2rem;color:var(--secondary-color);margin-bottom:15px;font-weight:700}.modal-text{font-size:1.1rem;color:#555;margin-bottom:30px}@media screen and (max-width: 992px){.traening-hero{text-align:center}.hero-text-section{padding-right:0;margin-bottom:50px}.hero-buttons-overlay,.store-buttons-large{justify-content:center}.feature-item{flex-direction:column!important;text-align:center}.feature-icon{margin:0 auto}.section-header h2{font-size:2rem}}@media screen and (max-width: 768px){.hero-text-section h1{font-size:2.5rem}.quiz-container{padding:20px}.question-text{font-size:1.2rem}.stat-number{font-size:2.5rem}.feature-content h3{font-size:1.4rem}}.quiz-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#02071be6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.quiz-modal-content{background:#fff;border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.quiz-modal-close{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:1.6rem;color:#666;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:20}.quiz-modal-close:hover{background:#f0f0f0;color:#333;transform:rotate(90deg) scale(1.02)}.quiz-modal-content .section-header{padding-right:70px;box-sizing:border-box}.quiz-modal-content .section-header .quiz-progress{margin-top:8px}.welcome-modal-content{background:#fff;border-radius:20px;padding:50px 40px;max-width:500px;text-align:center;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out;font-family:Poppins,sans-serif}.welcome-modal-content h2{font-size:2rem;font-weight:600;color:var(--secondary-color);margin-bottom:15px;font-family:Poppins,sans-serif}.welcome-modal-content p{color:#666;font-size:1.1rem;font-weight:400;margin-bottom:30px;font-family:Poppins,sans-serif}.welcome-modal-buttons{display:flex;gap:15px;justify-content:center}.welcome-modal-buttons .btn-primary,.welcome-modal-buttons .btn-secondary{padding:15px 30px;font-size:1rem;font-family:Poppins,sans-serif;border:none;cursor:pointer;border-radius:50px;font-weight:600;transition:all .3s ease}.welcome-modal-buttons .btn-primary{background:linear-gradient(135deg,#7f5df0,#a78bfa);color:#fff}.welcome-modal-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #7f5df04d}.welcome-modal-buttons .btn-secondary{background:transparent;color:#666;border:2px solid #ddd}.welcome-modal-buttons .btn-secondary:hover{background:#f5f5f5;border-color:#999}.btn-try-quiz{margin-top:20px;padding:15px 40px;background:linear-gradient(135deg,#7f5df0,#a78bfa);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #7f5df04d}.btn-try-quiz:hover{transform:translateY(-3px);box-shadow:0 10px 25px #7f5df066}@media screen and (max-width: 600px){.welcome-modal-content{padding:35px 25px}.welcome-modal-content h2{font-size:1.6rem}.welcome-modal-buttons{flex-direction:column}.welcome-modal-buttons .btn-primary,.welcome-modal-buttons .btn-secondary{width:100%}}@media (max-width: 640px){.lang-switcher{width:auto}.lang-btn{padding:8px 12px;min-width:100px}.lang-label{max-width:80px;font-size:.85rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}.lang-item-name{font-weight:600}.lang-dropdown{overflow-y:auto;max-height:calc(100vh - 140px);padding:8px}.lang-switcher{overflow:visible}@media (min-width: 1024px){.lang-switcher{position:fixed;top:10px;right:20px;z-index:100000}}.lang-btn{position:relative;z-index:100001}