@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Jura:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=PT+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap";.nav-main{position:relative;z-index:1000}.nav-left,.nav-right{display:flex;align-items:center}.nav-item{position:relative}.logo img{height:40px;width:auto}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1000;transform:translateY(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.mobile-menu.open{transform:translateY(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}.mobile-logo img{height:40px}.mobile-menu-close{font-size:2rem;background:none;border:none;cursor:pointer;color:#333}.mobile-menu-content{flex:1;display:flex;flex-direction:column;padding:1rem;overflow-y:auto}.mobile-menu-links{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.mobile-menu-link{display:block;padding:1rem 0;text-decoration:none;color:#333;font-size:1.1rem;border-bottom:1px solid #f0f0f0}.mobile-menu-footer{margin-top:auto;padding-top:2rem}.mobile-login-link button{width:100%;padding:1rem;background-color:#fc764a;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.mobile-lang-selector{display:flex;gap:.5rem;margin-top:2rem;justify-content:center}.mobile-lang-selector .lang-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background:none;cursor:pointer}.mobile-lang-selector .lang-option.active{border-color:#fc764a;background-color:#f5f7ff}@media (max-width: 1100px){.logout-btn{border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;margin-top:20px}}.burger-menu-button{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.burger-line{display:block;height:3px;width:100%;background-color:#333;border-radius:3px;transition:all .3s ease}.burger-line.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 1100px){.nav-left,.nav-right{gap:1rem}}@media (max-width: 1100px){.nav-left,.nav-right>:not(.burger-menu-button):not(.user-menu):not(.lang-dropdown-container){display:none}.burger-menu-button{display:flex}.nav-main{padding:1rem;display:grid!important;grid-template-columns:1fr 1fr!important;padding-left:10px!important;padding-right:10px!important}.nav-right{display:flex;justify-content:end;align-items:center}.lang-dropdown-container,#logo{margin:0!important}}.footerNew{background:#00006a;padding-top:80px;padding-bottom:20px}.footerContainer{padding-left:10px;padding-right:10px;max-width:1160px;margin:0 auto}.footer-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1000px){.footer-inner{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.footer-inner{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.footer-inner{grid-template-columns:repeat(1,1fr)}}.footerLinks a{font-family:var(--font-family);font-weight:400;font-size:14px;line-height:186%;color:#fff;margin-bottom:12px;display:block}.footerLinks a:last-child{margin-bottom:0}#logoFooter{object-fit:cover;width:234px;height:60px}#footerCopyRight{display:flex;justify-content:center;font-family:var(--second-family);font-weight:400;font-size:14px;line-height:186%;text-align:center;color:#fc764a;position:relative;padding-top:28px;margin-top:40px}#footerCopyRight:before{content:"";position:absolute;top:0%;left:0;background:#fc764a;width:100%;height:1px}.dashboard-container{max-width:1200px;margin:0 auto;padding:1rem;font-family:Comfortaa,sans-serif;color:#00006a}.welcome-section{background-color:#f8eee8;border-radius:12px;padding:2rem;display:flex;margin-bottom:2rem}.welcome-text{flex:2}.welcome-text h1{color:#00006a;font-size:1.8rem;margin-bottom:.5rem}.welcome-text p{color:#666;margin-bottom:1.5rem}.lets-go-btn{background-color:#fc764a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:Comfortaa,sans-serif}.welcome-image{flex:1}.stats-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stat-card{flex:1;min-width:150px;background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;text-align:center}.stat-card h3{color:#00006a;font-size:.9rem;margin-bottom:1rem;font-weight:400}.stat-value{color:#00006a;font-size:2rem;font-weight:700}.proficiency-card .proficiency-value{display:flex;flex-direction:column;align-items:center}.level-letter{color:#00006a;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.level-name{color:#00006a;font-size:1rem}.retake-link{display:block;color:#fc764a;font-size:.8rem;margin-top:.5rem;text-decoration:none}.retake-link:hover{text-decoration:underline}.dashboard-section{margin-bottom:2rem}.dashboard-section h2{color:#00006a;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.lessons-list{display:flex;flex-direction:column;gap:1rem}.lesson-card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;display:flex!important;justify-content:space-between!important;align-items:center!important}.lesson-info h3{color:#00006a;font-size:1rem;margin:0}.level-badge{color:#fff;padding:4px 8px;border-radius:20px;font-size:.8rem}.lesson-progress{display:flex;align-items:center;margin-bottom:1rem;gap:1rem}.progress-bar-container{flex:1;height:8px;background-color:#eee;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background-color:#00006a}.progress-bar.yellow{background-color:#fc764a}.progress-bar.red{background-color:#dc3545}.points-display{color:#00006a;font-size:.9rem;min-width:40px;text-align:right}.course-details{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.9rem;color:#666}.continue-btn,.start-again-btn{background-color:#00006a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;float:right;font-family:Comfortaa,sans-serif;text-decoration:none;font-size:.9rem}.continue-btn:hover,.start-again-btn:hover{background-color:#000058}.no-lessons{background-color:#f9f9f9;border-radius:8px;padding:2rem;text-align:center;color:#666}.dashboard-bottom{display:flex;gap:1.5rem;margin-bottom:2rem}.leaderboard-section,.achievements-section{flex:1;background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.leaderboard-content{color:#666;text-align:center;padding:2rem 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.view-all-link{color:#fc764a;text-decoration:none;font-size:.9rem}.view-all-link:hover{text-decoration:underline}.leaderboard-table th,.leaderboard-table td{padding:.7rem;text-align:left;border-bottom:1px solid #e9ecef}.leaderboard-table th{font-weight:500;color:#666}.current-user-row{background-color:#f1e1db;font-weight:500}.achievements-grid{display:flex;gap:1rem;justify-content:center}.achievement-badge{text-align:center;padding:1rem}.badge-icon{font-size:2rem;margin-bottom:.5rem}.badge-title{font-size:.9rem;margin-bottom:.3rem;color:#00006a}.badge-date{font-size:.8rem;color:#666}.no-achievements{color:#666;text-align:center;padding:2rem 0}.progress-overview-section{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem}.progress-overview{display:flex;align-items:center;gap:2rem}.circle-progress{position:relative;width:150px;height:150px}.progress-circle{width:100%;height:100%;border-radius:50%;background:conic-gradient(#00006A var(--progress, 62%),#e9ecef 0);display:flex;align-items:center;justify-content:center}.inner-circle{width:80%;height:80%;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center}.progress-value{font-size:1.8rem;font-weight:700;color:#00006a}.progress-details{flex:1;display:flex;flex-direction:column;gap:1rem}.progress-item h3{font-size:1rem;color:#666;margin-bottom:.5rem}.loading-spinner{text-align:center;padding:2rem;color:#00006a}@media (max-width: 768px){.welcome-section,.dashboard-bottom{flex-direction:column}.stat-card{min-width:calc(50% - 1rem)}.achievements-grid{flex-wrap:wrap}.progress-overview{flex-direction:column}}.achievements-container{font-family:Comfortaa,sans-serif;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.achievements-container h1{color:#00006a;font-size:2rem;margin:2rem 0;font-weight:600}.achievements-stats{display:flex;gap:2rem;margin-bottom:3rem}.achievement-stat{flex:1;background-color:#f1e1db;border-radius:12px;padding:1.5rem;text-align:center}.achievement-stat .stat-value{font-size:2.5rem;font-weight:700;color:#00006a;margin-bottom:.5rem}.achievement-stat .stat-label{color:#666;font-size:1rem}.achievement-filters{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.filter-group{display:flex;align-items:center;gap:.8rem}.filter-group label{color:#00006a;font-weight:500}.filter-group select{padding:.6rem 1rem;border:1px solid #00006A;border-radius:4px;font-family:Comfortaa,sans-serif;color:#00006a;background-color:#fff}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.achievement-card{background-color:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease}.achievement-card:hover{transform:translateY(-5px)}.achievement-icon{width:60px;height:60px;background-color:#f1e1db;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.achievement-info{flex-grow:1}.achievement-info h3{color:#00006a;font-size:1.1rem;margin:0 0 .5rem;font-weight:600}.achievement-info p{color:#666;font-size:.9rem;margin:0 0 .8rem;line-height:1.4}.achievement-date{color:#999;font-size:.8rem}.loading,.no-achievements{text-align:center;padding:3rem 0;color:#666;font-size:1rem}.no-achievements{background-color:#f9f9f9;border-radius:12px;padding:3rem}@media (max-width: 992px){.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.achievements-stats{flex-direction:column;gap:1rem}.achievements-grid{grid-template-columns:1fr}}@media (max-width: 576px){.achievements-container{padding:0 1rem}.achievements-container h1{font-size:1.8rem;margin:1.5rem 0}.achievement-card{padding:1.2rem;gap:1rem}.achievement-icon{width:50px;height:50px;font-size:1.5rem}}.leaderboard-container{font-family:Comfortaa,sans-serif;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.leaderboard-container h1{color:#00006a;font-size:2rem;margin:2rem 0;font-weight:600}.leaderboard-container h2{color:#00006a;font-size:1.5rem;margin:2rem 0 1.5rem;font-weight:600}.leaderboard-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{background-color:transparent;border:1px solid #00006A;color:#00006a;padding:.6rem 1.5rem;border-radius:30px;font-family:Comfortaa,sans-serif;font-size:.9rem;cursor:pointer;transition:all .3s ease}.filter-btn.active{background-color:#00006a;color:#fff}.filter-btn:hover:not(.active){background-color:#f0f0f0}.leaderboard-podium{display:flex;justify-content:center;align-items:flex-end;gap:1.5rem;padding:3rem 0;margin-bottom:3rem;background-color:#f9f9f9;border-radius:12px;position:relative}.podium-spot{display:flex;flex-direction:column;align-items:center;position:relative}.podium-1{order:2;margin-bottom:1rem;z-index:3}.podium-2{order:1;z-index:2}.podium-3{order:3;z-index:1}.crown{font-size:1.8rem;position:absolute;top:-1.8rem;left:50%;transform:translate(-50%)}.avatar-container{width:80px;height:80px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:.8rem;box-shadow:0 4px 15px #0000001a;border:2px solid #FC764A}.podium-1 .avatar-container{width:100px;height:100px;border-color:gold}.podium-2 .avatar-container{border-color:silver}.podium-3 .avatar-container{border-color:#cd7f32}.user-avatar{width:80%;height:80%;border-radius:50%;object-fit:cover}.user-name{font-size:1rem;font-weight:600;margin:.3rem 0;color:#00006a;max-width:100px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-points{font-size:.9rem;color:#666;margin-bottom:.8rem}.podium-base{width:90px;height:60px;background-color:#00006a;border-radius:8px 8px 0 0;display:flex;justify-content:center;align-items:center;position:relative}.podium-1 .podium-base{height:100px;width:100px;background-color:gold}.podium-2 .podium-base{height:70px;background-color:silver}.podium-3 .podium-base{height:40px;background-color:#cd7f32}.rank-number{font-size:1.5rem;font-weight:700;color:#fff}.leaderboard-table-container{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000000d;margin-bottom:3rem}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th{text-align:left;padding:1rem;border-bottom:2px solid #f1f1f1;color:#00006a;font-weight:600;font-size:1rem}.leaderboard-table td{padding:1rem;border-bottom:1px solid #f1f1f1;color:#333;font-size:.95rem}.leaderboard-table tbody tr:hover{background-color:#f9f9f9}.current-user-row{background-color:#f1e1db!important;font-weight:600}.rank{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#f1f1f1;color:#333;font-weight:600}.rank-1{background-color:gold;color:#fff}.rank-2{background-color:silver;color:#fff}.rank-3{background-color:#cd7f32;color:#fff}.user-info{display:flex;align-items:center;gap:.8rem}.user-avatar-small{width:30px;height:30px;background-color:#f1e1db;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700;color:#00006a}.username{color:#00006a;font-weight:500}.user-position{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000000d;margin-bottom:3rem}.user-position h3{color:#00006a;font-size:1.2rem;margin:0 0 1.5rem;font-weight:600}.user-rank-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background-color:#f1e1db;border-radius:8px}.user-avatar-large{width:60px;height:60px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;color:#00006a}.user-position-details{flex:1}.user-position-details .username{font-size:1.1rem;margin-bottom:.8rem}.user-stats{display:grid;grid-template-columns:auto auto;gap:.5rem 2rem;align-items:center}.rank-label,.points-label{color:#666;font-size:.9rem}.rank-value,.points-value{color:#00006a;font-weight:600;font-size:1.1rem}.loading{text-align:center;padding:2rem;color:#666;font-size:1rem}@media (max-width: 992px){.leaderboard-podium{padding:2rem 0}}@media (max-width: 768px){.leaderboard-podium{flex-direction:column;align-items:center;gap:2rem}.podium-1,.podium-2,.podium-3{order:unset;margin-bottom:0}.podium-base{width:80px;height:30px}.podium-1 .podium-base{height:40px;width:90px}.podium-2 .podium-base,.podium-3 .podium-base{height:30px}.avatar-container{width:70px;height:70px}.podium-1 .avatar-container{width:80px;height:80px}.user-rank-card{flex-direction:column;text-align:center}.user-stats{grid-template-columns:1fr;gap:.5rem}}@media (max-width: 576px){.leaderboard-container{padding:0 1rem}.leaderboard-container h1{font-size:1.8rem;margin:1.5rem 0}.leaderboard-container h2{font-size:1.3rem}.leaderboard-filters{justify-content:center}.leaderboard-table th,.leaderboard-table td{padding:.8rem .5rem;font-size:.85rem}.rank{width:25px;height:25px}.user-avatar-small{width:25px;height:25px;font-size:.8rem}}.settings-container{font-family:Comfortaa,sans-serif;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.settings-container h1{color:#00006a;font-size:2rem;margin:2rem 0;font-weight:600}.settings-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.settings-section{flex:1;min-width:300px;max-width:400px;margin-bottom:2rem}.settings-section h2{color:#00006a;font-size:1.3rem;margin:0 0 1.5rem;font-weight:600}.profile-image-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.profile-image{width:100px;height:100px;border-radius:50%;overflow:hidden;background-color:#f1e1db;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-initials{font-size:2.5rem;font-weight:700;color:#00006a}.change-photo-btn{background-color:#00006a;color:#fff;border:none;border-radius:4px;padding:.6rem 1rem;font-size:.9rem;cursor:pointer;font-family:Comfortaa,sans-serif}.change-photo-btn:hover{background-color:#00004d}.form-group label{display:block;color:#00006a;font-size:.95rem;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:4px;font-family:Comfortaa,sans-serif;font-size:.95rem;color:#00006a}.save-btn{width:100%;background-color:#fc764a;color:#fff;border:none;border-radius:30px;padding:.8rem;font-family:Comfortaa,sans-serif;font-size:1rem;cursor:pointer;transition:background-color .3s}.save-btn:hover{background-color:#e6613b}.save-btn:disabled{background-color:#ccc;cursor:not-allowed}.checkbox-group{display:flex;align-items:flex-start;margin-bottom:1rem}.checkbox-group input[type=checkbox]{width:auto;margin-right:.8rem;margin-top:.2rem}.checkbox-group label{color:#00006a;font-size:.95rem}@media (max-width: 1200px){.settings-grid{justify-content:center}.settings-section{min-width:280px;max-width:350px}}@media (max-width: 768px){.settings-grid{flex-direction:column;align-items:center}.settings-section{width:100%;max-width:500px}}@media (max-width: 576px){.settings-container{padding:0 1rem}.settings-container h1{font-size:1.8rem;margin:1.5rem 0}}.home-page{max-width:100%;width:100%;margin:0;padding:0;background-color:#fff;overflow:hidden}.home-page>*{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;background-color:#fff}.home-page .hero-section{display:flex;align-items:center;gap:2rem;padding:4rem 0;min-height:60vh;background-color:#fff;width:100%}.home-page .hero-content{flex:1}.home-page .hero-content h1{font-size:3.5rem;color:#00006a;line-height:1.2;margin-bottom:2rem;font-weight:700}.home-page .hero-illustration{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.home-page .hero-illustration img{max-width:100%;height:auto;position:relative}.home-page .start-learning-btn{display:inline-block;padding:.75rem 1.5rem;background-color:transparent;color:#00006a;border:1px solid #00006A;border-radius:4px;text-decoration:none;font-weight:500;transition:all .3s ease;font-family:Comfortaa,sans-serif}.home-page .start-learning-btn:hover{background-color:#00006a;color:#fff}.home-page .why-section{display:flex;align-items:center;gap:2rem;padding:4rem 0;flex-direction:row-reverse;background-color:#fff;width:100%}.home-page .why-content{flex:1;text-align:right}.home-page .why-content h2{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}.home-page .text-orange{color:#fc764a}.home-page .text-blue{color:#00006a}.home-page .why-content p{color:#fc764a;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.home-page .why-illustration{flex:1;position:relative}.home-page .why-illustration img{max-width:100%;height:auto}.home-page .learn-more-btn{display:inline-block;padding:.75rem 1.5rem;background-color:transparent;color:#fc764a;border:1px solid #FC764A;border-radius:4px;text-decoration:none;font-weight:500;transition:all .3s ease;font-family:Comfortaa,sans-serif}.home-page .learn-more-btn:hover{background-color:#fc764a;color:#fff}.home-page .courses-section{width:100%;padding:4rem 0;background-color:#fff}.home-page .courses-section h2{font-size:2rem;color:#00006a;margin-bottom:1rem}.home-page .courses-section>p{font-size:1.1rem;color:#666;margin-bottom:3rem}.home-page .course-cards{display:flex;flex-direction:row;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;width:100%}.home-page .course-card{flex:1;background-color:#f1e1db;padding:1.8rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;height:450px;box-shadow:none}.home-page .course-card .card-img{width:180px;height:160px;object-fit:contain;margin:0 auto 2rem;display:block}.home-page .course-card p{width:100%;text-align:center;margin:0 0 2rem;flex-grow:1;font-size:1rem;line-height:1.5;color:#333}.home-page .course-btn{display:inline-block;padding:.6rem 1.5rem;background-color:#00006a;color:#fff;border:none;border-radius:20px;text-decoration:none;text-align:center;font-weight:500;transition:all .3s ease;margin-top:auto;font-size:.95rem;font-family:Comfortaa,sans-serif}.home-page .course-btn:hover{opacity:.9}.home-page .subscribe-section{background-color:#fc764a;padding:3rem;border-radius:12px;margin:4rem 0;text-align:center;color:#fff}.home-page .subscribe-section h2{font-size:1.8rem;margin-bottom:2rem;font-weight:500}@media (max-width: 500px){.home-page .subscribe-section h2{font-size:20px}}.home-page .subscribe-form{display:flex;max-width:600px;margin:0 auto;gap:.5rem}.home-page .subscribe-input{flex:1;padding:.75rem 1rem;border:none;border-radius:4px;font-family:Comfortaa,sans-serif}.home-page .subscribe-btn{padding:.75rem 2rem;background-color:#00006a;color:#fff;border:none;border-radius:4px;text-decoration:none;font-weight:500;font-family:Comfortaa,sans-serif}@media (max-width: 768px){.home-page .hero-section,.home-page .why-section{flex-direction:column;text-align:center}.home-page .why-content{text-align:center}.home-page .course-cards,.home-page .subscribe-form{flex-direction:column}.home-page .hero-content h1{font-size:2.5rem}.home-page .why-content h2{font-size:2rem}}.home-page .card-illustration{display:none}.home-page .course-card,.home-page .course-cards,.home-page .course-btn,.home-page,.home-page *{box-sizing:border-box}.home-page{background-color:#fff}.home-page .hero-illustration:after{display:none}.site-footer{background-color:#00006a;color:#fff;width:100%}.site-footer *,.site-footer .footer-container,.site-footer .footer-section,.site-footer .footer-brand{background-color:transparent}.site-footer .footer-section h3{color:#fc764a}.site-footer .footer-section a,.site-footer .footer-section li,.site-footer .contact-info p,.site-footer .footer-tagline,.site-footer .footer-bottom{background-color:transparent;color:#fff}.about-page{font-family:Comfortaa,sans-serif;color:#00006a;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.hero-section{padding:4rem 0;position:relative;overflow:hidden}.hero-content-wrapper{display:flex;align-items:center;justify-content:space-between}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.hero-image:before{content:"";position:absolute;top:-50px;left:-50px;right:-50px;bottom:-50px;background-color:#f1e1db;border-radius:40% 60% 70% 30%/40% 50% 60%;z-index:-1}.hero-image img{max-width:100%;height:auto}.hero-text{flex:1;text-align:right;padding-left:2rem}.hero-text h1{color:#fc764a;font-size:3rem;margin-bottom:1.5rem;font-weight:600}.hero-text p{color:#00006a;font-size:1rem;line-height:1.6}.about-info{padding:4rem 0}.info-content-wrapper{display:flex;justify-content:space-between;align-items:center;gap:2rem}.info-text{flex:1;color:#00006a;font-size:1rem;line-height:1.6}.info-logo-oval{position:relative;flex:0 0 40%;display:flex;justify-content:center;align-items:center}.info-logo-oval:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background-color:#f1e1db;border-radius:40% 60% 70% 30%/40% 50% 60%;z-index:-1}.info-logo-oval img{max-width:100%;height:auto;position:relative;z-index:1;padding:1.5rem}.team-section{padding:4rem 0;text-align:center}.team-section h2{font-size:2rem;color:#00006a;margin-bottom:1rem;font-weight:600}.team-description{max-width:800px;margin:0 auto 3rem;color:#00006a;font-size:1rem;line-height:1.6}.team-grid{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.team-card{max-width:320px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000000d;margin-bottom:2rem}.member-image-container{background-color:#fc764a;padding:1.5rem;height:220px;display:flex;justify-content:center;align-items:center}.member-image-container img{max-height:190px;filter:grayscale(1);width:auto;height:140px;border-radius:8px}.member-info{padding:1.5rem;text-align:left;background-color:#f1e1db}.member-info h3{font-size:1.2rem;margin-bottom:.3rem;color:#00006a;font-weight:600}.member-title{font-size:.9rem;color:#666;margin-bottom:.5rem}.member-email{font-size:.9rem;color:#666;margin-bottom:1rem}.info-text{text-align:center}.member-info{width:300px}.social-links{display:flex;gap:1rem}.social-icon{width:30px;height:30px;display:flex;justify-content:center;align-items:center;color:#00006a;border-radius:50%;border:1px solid #00006A;text-decoration:none;transition:all .3s ease}.social-icon:hover{background-color:#00006a;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.social-icon:before{content:"";display:inline-block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center}.social-icon.facebook:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%2300006A' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E")}.social-icon.linkedin:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2300006A' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E")}.social-icon.twitter:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2300006A' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E")}.social-icon.pinterest:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='%2300006A' d='M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z'/%3E%3C/svg%3E")}.social-icon:hover.facebook:before,.social-icon:hover.linkedin:before,.social-icon:hover.twitter:before,.social-icon:hover.pinterest:before{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)}.faq-section{padding:4rem 0}.faq-section h2{font-size:2rem;color:#00006a;margin-bottom:2rem;font-weight:600}.faq-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}.faq-item{background-color:#f8f8f8;border-radius:6px;overflow:hidden}.faq-question{width:100%;background-color:#f8f8f8;color:#00006a;border:none;padding:1.2rem;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:Comfortaa,sans-serif;font-size:1rem;font-weight:500;transition:background-color .3s}.orange-text{color:#fc764a}.faq-question:hover{background-color:#f0f0f0}.accordion-icon{font-size:.8rem;transition:transform .3s}.faq-item.active .accordion-icon{transform:rotate(180deg)}.faq-answer{padding:1rem 1.2rem;border-top:1px solid #eee;color:#555;font-size:.95rem;line-height:1.6}.contact-form-section{padding:4rem 0 6rem}.contact-form-section h3{font-size:1.3rem;color:#00006a;margin-bottom:.5rem;font-weight:500}.form-notice{color:#fc764a;font-size:.9rem;margin-bottom:2rem}.contact-form{max-width:98.5%}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-group{flex:1}input,textarea{width:100%;padding:.85rem;padding-right:0;border:1px solid #00006A;border-radius:4px;font-family:Comfortaa,sans-serif;font-size:.95rem;color:#00006a}input::placeholder,textarea::placeholder{color:#00006a;opacity:.7}textarea{resize:vertical;min-height:150px;margin-bottom:1rem}.save-info-container{display:flex;align-items:flex-start;margin-bottom:1.5rem}.save-info-checkbox{margin-top:.25rem;margin-right:.5rem;width:auto}.save-info-label{color:#00006a;font-size:.95rem}.submit-button{background-color:#fc764a;color:#fff;border:none;border-radius:30px;padding:.8rem 3rem;font-family:Comfortaa,sans-serif;font-size:1rem;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#e6613b}@media (max-width: 992px){.hero-content-wrapper{flex-direction:column}.hero-text{text-align:center;padding-left:0;padding-top:2rem}.info-content-wrapper{flex-direction:column}.team-grid{justify-content:center}.faq-container{grid-template-columns:1fr}}@media (max-width: 768px){.hero-text h1{font-size:2.2rem}.form-row{flex-direction:column;gap:0}}@media (max-width: 576px){.about-page{padding:0 1rem}.hero-text h1{font-size:1.8rem}.hero-section,.about-info,.team-section,.faq-section,.contact-form-section{padding:2rem 0}}.proficiency-test-container{max-width:1000px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;min-height:calc(100vh - 180px)}.question-header{display:flex;align-items:center;background-color:#fff5f4;padding:.5rem;border-radius:4px;margin-bottom:.5rem}.question-label{color:#00006a;font-weight:600;margin-right:1rem}.progress-container{flex:1;display:flex;align-items:center}.progress-chunk{height:4px;flex:1;margin-right:2px;background-color:#e5e5e5;border-radius:2px}.progress-chunk.active{background-color:#00006a}.proficiency-title{color:#fc764a;font-size:1.5rem;margin-bottom:2rem;font-weight:400}.question-content{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.question-text-container{text-align:center;margin-bottom:2rem;width:100%}.question-text{color:#00006a;font-size:1.2rem;text-align:center}.options-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:800px}.option-button{display:flex;align-items:center;background-color:#fff;border:1px solid #E5E5E5;border-radius:8px;padding:.7rem 1rem;cursor:pointer;transition:all .2s ease;text-align:left;font-size:1rem;color:#00006a}.option-button:hover{background-color:#f8f8f8}.option-button.selected{border-color:#fc764a;background-color:#fff5f4}.option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#f1e1db;color:#00006a;font-weight:700;margin-right:.75rem}.option-button.selected .option-letter{background-color:#fc764a;color:#fff}.navigation-buttons{display:flex;justify-content:space-between;margin-top:1rem;margin-bottom:1rem}.prev-button,.next-button{background-color:#fc764a;color:#fff;border:none;border-radius:4px;padding:.7rem 1.5rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.prev-button:hover,.next-button:hover{background-color:#e6613b}.prev-button:disabled{opacity:.5;cursor:not-allowed}.well-done-text{color:#fc764a;font-size:1.5rem;text-align:left;margin-top:2rem;margin-bottom:0;font-weight:400}.instructions-container{text-align:center;padding:1rem 0;flex:1;display:flex;flex-direction:column;justify-content:center}.instructions-title{color:#fc764a;font-size:2rem;text-align:center;margin-bottom:1.5rem;font-weight:400}.instructions-text{color:#00006a;text-align:center;line-height:1.6;margin-bottom:1.5rem;max-width:700px;margin-left:auto;margin-right:auto}.start-button{display:block;background-color:#fc764a;color:#fff;border:none;border-radius:4px;padding:.75rem 2.5rem;font-size:1rem;font-weight:600;cursor:pointer;margin:1rem auto;text-transform:uppercase}.start-button:hover{background-color:#e6613b}.level-circle{width:60px;height:60px;background-color:#fc764a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;margin:2rem auto}.level-description{color:#00006a;max-width:700px;margin:0 auto 2rem;line-height:1.6;text-align:center}.grammar-link{color:#fc764a;text-decoration:none}.grammar-link:hover{text-decoration:underline}.result-heading{color:#00006a;font-size:1.8rem;margin-bottom:.75rem;font-weight:400;text-align:center}.score-text{color:#00006a;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.trophy-container{display:flex;justify-content:center;margin:2rem auto}.trophy-image{width:180px;height:auto}.error-message{padding:2rem;text-align:center;color:#fc764a}.error-message h2{margin-bottom:1rem}@media (max-width: 768px){.options-container{grid-template-columns:1fr}.navigation-buttons{flex-direction:column;gap:1rem}.prev-button,.next-button{width:100%}.trophy-image{width:150px}}@media (max-width: 480px){.question-text{font-size:1rem}.option-button{padding:.5rem .75rem}.level-description{font-size:.9rem}}.wordDayContainer{max-width:1200px;margin:10px auto 0;padding:0 20px;display:flex;flex-direction:column}.wordDayTitle{text-align:center;font-size:38px;font-weight:700;color:#00006a;margin-bottom:25px}.wordDayContent{display:flex;justify-content:space-between;align-items:stretch;max-height:1000px;gap:10px}.wordDayLeftPanel{flex:0 0 45%;background-color:transparent;padding:25px;display:flex;flex-direction:column;align-items:center;height:100%}.wordDayMainWord{font-size:54px;font-weight:700;line-height:1.1;color:coral!important;margin-bottom:5px;text-align:center}.wordDayTranscript{color:#00006a;font-size:20px;font-weight:500;font-style:italic;margin-top:0;margin-bottom:15px}.wordDayImageContainer{width:100%;display:flex;justify-content:center;margin-top:auto}.wordDayImg{height:250px;width:250px;object-fit:contain;background-color:transparent!important}.wordDayRightPanel{flex:0 0 45%;display:flex;flex-direction:column;padding:25px;height:100%;background-color:transparent}.sectionTitleOrange{font-size:22px;font-weight:700;color:coral;margin-bottom:15px}.translationTable{display:table;width:100%;margin-bottom:20px}.translationRow{display:table-row;height:30px}.langLabelCell{display:table-cell;color:#00006a;font-weight:600;font-size:16px;width:90px;vertical-align:middle}.translationCell{display:table-cell;color:coral;font-size:16px;vertical-align:middle}@media (max-width: 992px){.wordDayContent{flex-direction:column;gap:20px;max-height:none}.wordDayMainWord{font-size:48px}.wordDayTitle{font-size:32px;margin-bottom:20px}}@media (max-width: 768px){.wordDayMainWord{font-size:38px}.wordDayTitle{font-size:28px}.sectionTitleOrange{font-size:18px}.langLabelCell,.translationCell{font-size:14px}}:root{--dark-blue: #00006A;--orange: #FC764A;--beige: #F1E1DB}.lessonsAllMain{width:100%;max-width:1200px;margin:0 auto;padding:60px 20px;text-align:center}#lessonsAll-title{font-size:38px;color:var(--dark-blue);margin-bottom:20px;font-weight:700;text-transform:capitalize}#lessonsAll-subtitle{font-size:18px;color:var(--dark-blue);max-width:800px;margin:0 auto 30px}.lessonsAll-listTitle{margin:15px 0 20px;font-size:20px;font-weight:600;text-align:left;width:100%}.lessonsAll-listTitle a{color:var(--dark-blue);text-decoration:none;transition:color .3s}.lessonsAll-listTitle a:hover{color:var(--orange)}.lessonsAll-listWordNum{color:var(--dark-blue);margin:0;font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center;justify-content:flex-start;text-align:left;width:100%}.lessonsAll-listWordNum:before{content:"";display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300006A' stroke-width='2'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'></path><polyline points='14 2 14 8 20 8'></polyline><line x1='16' y1='13' x2='8' y2='13'></line><line x1='16' y1='17' x2='8' y2='17'></line><polyline points='10 9 9 9 8 9'></polyline></svg>");background-size:contain;background-repeat:no-repeat;margin-right:5px}.lessonsAll-filters{display:flex;justify-content:center;gap:6px;margin:0 auto 40px;flex-wrap:nowrap;background-color:#f4f4f4;border-radius:30px;padding:10px 15px!important;width:auto;width:fit-content}.lessonsAll-filterBtn{padding:10px 20px;background-color:#fff;border:1px solid transparent;border-radius:30px;font-size:16px;color:var(--dark-blue);cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:max-content;text-align:center}html[lang=kz] .lessonsAll-filterBtn:first-child{min-width:180px}html[lang=ru] .lessonsAll-filterBtn:first-child{min-width:140px}html[lang=en] .lessonsAll-filterBtn:first-child{min-width:120px}.lessonsDetailedMain{padding:110px 70px 50px}.lessonsDetailed-nav,#lessonsDetailed-backToMain{color:var(--dark-blue);text-decoration:none;font-size:48px;font-weight:700;margin-bottom:40px}.lessonsDetailed-nav span{color:#9d9d9d;font-size:40px}@media (max-width: 1000px){.lessonsDetailed-nav span{font-size:20px}}#lessonsDetailed-backToMain:hover{color:var(--orange);transition:.2s}.lessonsDetailed-content{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:50px auto;padding:0 20px}#lessonsDetailed-quizButton{background-color:var(--orange);color:#fff;border:none;border-radius:16px;padding-left:10px;padding-right:10px;height:60px;font-size:20px;font-weight:700;cursor:pointer;margin:30px auto;display:block}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.score-total{font-size:1rem;color:var(--dark-blue);position:absolute;bottom:30px;right:30px;font-weight:700}@media (max-width: 992px){.lessonsDetailedMain{padding:80px 30px 40px}.lessonsDetailed-nav,#lessonsDetailed-backToMain{font-size:20px}.lessonsDetailed-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.lessonsAll-filters{gap:10px}.lessonsAll-filterBtn{padding:8px 16px;font-size:14px}.lessonsAll-list{grid-template-columns:repeat(2,1fr)}.lessonsDetailed-content{grid-template-columns:1fr}.lessonsDetailed-word{font-size:20px}.options-container{grid-template-columns:1fr}.training-progressContainer #training-questionNum{margin:0 20px}}@media (max-width: 576px){.lessonsAll-list{grid-template-columns:1fr}.lessonsAll-listImg{height:180px}}.learn-page{width:100%;max-width:1200px;margin:0 auto;background-color:#fff}.learnMain{width:100%;max-width:1200px;margin:0 auto;padding:30px 0;text-align:center}#learn-title{font-size:48px;font-weight:700;color:var(--dark-blue);margin-bottom:20px}#learn-subtitle{font-size:24px;margin-bottom:60px;color:var(--dark-blue)}.learn-linksToLessons{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:30px}.learn-card{flex:1 1 calc(25% - 20px);min-width:260px;display:flex;flex-direction:column}.learn-link{display:flex;justify-content:center;align-items:center;font-size:32px;font-weight:700;color:var(--dark-blue);text-decoration:none;height:170px;margin-bottom:20px;background-color:var(--beige);border-radius:8px;border:1px solid transparent;transition:all .3s ease}.learn-link:hover{border:1px solid var(--dark-blue);box-shadow:0 4px 4px #00000040}@media (max-width: 1100px){.learn-card{flex:1 1 calc(50% - 20px)}}@media (max-width: 768px){.learn-linksToLessons{flex-direction:column}.learn-card{width:100%}#learn-title{font-size:36px}#learn-subtitle{font-size:20px;margin-bottom:40px}}.readAllMain{width:100%;max-width:1200px;margin:0 auto;padding:60px 20px;text-align:center}#readAll-title{font-size:38px;color:var(--dark-blue);margin-bottom:20px;font-weight:700}#readAll-subtitle{font-size:18px;color:var(--dark-blue);max-width:800px;margin:0 auto 40px}.readAll-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:0}.readAll-listItem{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.readAll-listImg{width:100%;height:180px;object-fit:cover;margin-bottom:15px;border-radius:4px}.readAll-listTitle{margin:10px 0;font-size:18px;font-weight:600;text-align:left;width:100%}.readAll-listTitle a{color:var(--dark-blue);text-decoration:none;transition:color .3s}.readAll-listTitle a:hover{color:var(--orange)}.readAll-listAuthor{color:var(--dark-blue);margin:0;font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:flex-start;text-align:left;width:100%}.readAll-listAuthor:before{content:"";display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300006A' stroke-width='2'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'></path><polyline points='14 2 14 8 20 8'></polyline><line x1='16' y1='13' x2='8' y2='13'></line><line x1='16' y1='17' x2='8' y2='17'></line><polyline points='10 9 9 9 8 9'></polyline></svg>");background-size:contain;background-repeat:no-repeat;margin-right:5px}@media (max-width: 1024px){.readAll-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.readAll-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.readAll-list{grid-template-columns:1fr}}.readDetailedMain{padding:110px 70px;max-width:1200px;margin:0 auto}.readDetailed-nav,#readDetailed-backToMain{color:var(--dark-blue);text-decoration:none;font-size:48px;font-weight:700;margin-bottom:40px}.readDetailed-nav span{color:#9d9d9d;font-size:40px}#readDetailed-backToMain:hover{color:var(--orange);transition:.2s}#readDetailed-text{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;margin-top:20px}.readDetailed-lang{font-weight:700;color:var(--orange);font-size:24px;margin-bottom:20px;display:block}@media (max-width: 992px){.readDetailedMain{padding:80px 40px}#readDetailed-text{flex-direction:column;gap:40px}.readDetailed-nav,#readDetailed-backToMain{font-size:36px}.readDetailed-nav span{font-size:30px}}@media (max-width: 576px){.readDetailedMain{padding:60px 20px}}.videoAllMain{width:100%;max-width:1200px;margin:0 auto;padding:60px 20px;text-align:center}#videoAll-title{font-size:38px;color:var(--dark-blue);margin-bottom:20px;font-weight:700}#videoAll-subtitle{font-size:18px;color:var(--dark-blue);max-width:800px;margin:0 auto 80px}.videoAll-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0;margin:0 auto;max-width:1200px}#videoAll-listItem{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.videoAll-listImg{width:auto;height:180px;object-fit:cover;margin-bottom:15px}.videoAll-listTitle{margin:10px 0;font-size:16px;font-weight:600;text-align:center;width:100%}.videoAll-listTitle a{color:var(--dark-blue);text-decoration:none;transition:color .3s}.videoAll-listTitle a:hover{color:var(--orange)}@media (max-width: 1200px){.videoAll-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.videoAll-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.videoAll-list{grid-template-columns:1fr}}.videoDetailedMain{padding:110px 70px;display:block}.videoDetailed-nav,#videoDetailed-backToMain{color:var(--dark-blue);text-decoration:none;font-size:48px;font-weight:700;margin-bottom:40px}.videoDetailed-nav span{color:#9d9d9d;font-size:40px}#videoDetailed-backToMain:hover{color:var(--orange);transition:.2s}#videoDetailed-text{float:right;width:calc(55% - 40px);display:flex;flex-direction:column;gap:15px;color:var(--orange);font-size:18px;font-weight:300}.videoDetailed-lang{font-weight:700;font-size:20px}:root{--dark-blue: #00006A;--orange: #FC764A;--light-beige: #F1E1DB}.chatbotMain{padding:60px;font-family:Comfortaa,sans-serif}#chatbotMain-title{font-size:36px;color:var(--dark-blue);margin-bottom:60px}.chatbotMain-section{border:1.5px solid var(--dark-blue);border-radius:10px;padding:40px 0 0;margin:0 auto;max-width:800px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 10px #0000000d}.chatbotMain-conversation{display:flex;flex-direction:column;gap:20px;padding:20px;flex-grow:1;height:400px;overflow-y:auto;background-color:#fff;scroll-behavior:smooth}.user-message-container .avatar{background-color:var(--dark-blue)}.bot-message-container .avatar{background-color:var(--orange)}.text-sender,.text-bot{background-color:#edf4fc;color:var(--dark-blue);border-radius:10px;padding:15px 20px;line-height:1.5;box-shadow:0 1px 3px #0000001a}.text-sender{background-color:#e8f4ff}.text-bot{background-color:#fff5f1}.chatbotMain-sendBox{display:flex;width:90%;margin:0 auto;background-color:#fff;border-radius:30px;padding:5px 5px 5px 20px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.chatbotMain-inputField{flex:1;border:none;outline:none;font-size:1rem;padding:10px 0;background:transparent;font-family:Comfortaa,sans-serif;color:var(--dark-blue)}.chatbotMain-inputField::placeholder{color:#999;opacity:.8}@media (max-width: 768px){.chatbotMain{padding:40px 20px}#chatbotMain-title{font-size:28px;margin-bottom:30px}.chatbotMain-section{margin:0 10px}.chatbotMain-conversation{height:350px}}@media (max-width: 480px){.chatbotMain{padding:30px 15px}#chatbotMain-title{font-size:24px;margin-bottom:20px}.chatbotMain-conversation{height:300px}.message-container{max-width:95%}.avatar{width:40px;height:40px;font-size:.9rem}}:root{--dark-blue: #00006A;--orange: #FC764A;--light-beige: #F1E1DB;--success-bg: #d4edda;--success-text: #155724;--success-border: #c3e6cb;--warning-bg: #fff3cd;--warning-text: #856404;--warning-border: #ffeeba;--danger-bg: #f8d7da;--danger-text: #721c24;--danger-border: #f5c6cb}.speechMain-questionBox{margin-bottom:70px}.speechMain{padding:60px;font-family:Comfortaa,sans-serif}#speechMain-title{font-size:36px;color:var(--dark-blue);margin-bottom:60px}.speechMain-fetch{border:1.5px solid var(--dark-blue);border-radius:10px;padding:40px 0;margin:0 auto;overflow:hidden}.button-container{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.speechMain-record-button{display:flex;align-items:center;justify-content:center;min-width:183px;height:48px;gap:8px;padding:10px 20px;border-radius:5px;border:none;background-color:var(--dark-blue);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Comfortaa,sans-serif}.speechMain-record-button{display:flex;align-items:center;justify-content:center;width:var(--prof-test-button-width);height:var(--prof-test-button-height);gap:8px;padding:10px 20px;border-radius:25px;border:none;background-color:var(--dark-blue);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}@media (max-width: 1000px){width: auto}.speechMain-record-button:hover{opacity:.9}@keyframes pulse{0%{box-shadow:0 0 #fc764a66}70%{box-shadow:0 0 0 10px #fc764a00}to{box-shadow:0 0 #fc764a00}}.pronunciation-feedback{max-width:90%;margin:0 auto 30px;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000001a;border-left:5px solid;text-align:left}.pronunciation-feedback.error{background-color:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.feedback-heading{font-size:1.4rem;margin-bottom:15px;font-weight:600;text-align:center}.feedback-message{font-size:1.1rem;margin-bottom:20px;text-align:center;line-height:1.5}.feedback-details{background-color:#ffffff80;border-radius:6px;padding:15px;margin-bottom:20px}.detail-row{display:flex;margin-bottom:10px;align-items:center}.detail-label{font-weight:600;min-width:100px;flex-shrink:0}.detail-value{flex:1;padding-left:15px}.feedback-actions{display:flex;justify-content:center;gap:15px}.try-again-btn,.next-word-btn{padding:10px 20px;border-radius:20px;font-family:Comfortaa,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.try-again-btn{background-color:#e9e9e9;color:var(--dark-blue)}.try-again-btn:hover{background-color:#d9d9d9}.next-word-btn:hover{background-color:#e6613b}.progress-bar-container{flex:1;height:10px;background-color:#e9ecef;border-radius:5px;overflow:hidden;margin:0 15px;position:relative}.progress-bar{height:100%;background-color:var(--dark-blue);border-radius:5px}.progress-text{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.8rem;font-weight:600}@media (max-width: 992px){.speechMain{padding:40px 30px}}@media (max-width: 768px){.speechMain{padding:30px 20px}#speechMain-title{font-size:28px;margin-bottom:40px}.speechMain-fetch{margin:0 10px}#speechMain-word{font-size:20px}.button-container{flex-direction:column;align-items:center}.detail-row{flex-direction:column;align-items:flex-start}.detail-label{margin-bottom:5px}.detail-value{padding-left:0}}@media (max-width: 480px){.speechMain{padding:20px 15px}#speechMain-title{font-size:24px;margin-bottom:30px}.pronunciation-feedback{padding:15px}.feedback-heading{font-size:1.2rem}.feedback-message{font-size:1rem}.feedback-actions{flex-direction:column;gap:10px}.try-again-btn,.next-word-btn{width:100%}}:root{--font-family: "Comfortaa", sans-serif;--second-family: "Poppins", sans-serif;--third-family: "Inter", sans-serif;--font3: "Jost", sans-serif;--font4: "Lexend", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:#fff;margin:0;padding:0;min-height:100vh;width:100%}body{font-family:Comfortaa,sans-serif;line-height:1.6;color:#333;background-color:#fff}a{text-decoration:none;color:#0056b3}button{cursor:pointer;font-family:Comfortaa,sans-serif}.site-container{flex-direction:column;min-height:100vh;width:100%;background-color:#fff}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;background-color:#fff}.site-footer{background-color:#00006a;color:#fff;padding:3rem 2rem 1rem;margin-top:3rem;width:100%}.site-footer *{background-color:#00006a}.footer-section h3{color:#fc764a;margin-bottom:1rem;font-size:1.2rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#fff}.footer-section a:hover{color:#fc764a}.contact-info p{margin-bottom:.5rem;color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;max-width:1200px;margin:0 auto}.login-container,.register-container,.forgot-password-container,.reset-password-container{max-width:500px;margin:2rem auto;padding:2rem;background-color:#f1e1db;border-radius:8px;box-shadow:0 4px 10px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#00006a}.form-group input,.form-group select{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:Comfortaa,sans-serif}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.remember-me{display:flex;align-items:center}.remember-me input{margin-right:.5rem;width:auto!important}.forgot-password{font-size:.9rem}.login-button,.register-button,.reset-button{width:100%;padding:.8rem;background-color:#00006a;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;font-family:Comfortaa,sans-serif}.login-button:hover,.register-button:hover,.reset-button:hover{background-color:#fc764a}.auth-links{margin-top:1.5rem;text-align:center}.error-message,.success-message{padding:1rem;border-radius:4px;margin-bottom:1.5rem}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.error-text{color:#dc3545;font-size:.9rem;margin-top:.3rem}.profile-page{max-width:1200px;margin:0 auto;padding:2rem;font-family:Comfortaa,sans-serif;background-color:#fff}.profile-page .welcome-section{background-color:#f1e1db;border-radius:16px;padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.profile-page .welcome-content{flex:1}.profile-page .welcome-section h1{margin-bottom:.5rem;color:#00006a;font-size:1.8rem;font-weight:700}.profile-page .welcome-section p{margin-bottom:1.5rem;color:#00006a;opacity:.7}.profile-page .welcome-illustration{flex:1;display:flex;justify-content:center;align-items:center}.profile-page .welcome-illustration img{max-width:100%;height:auto}.profile-page .lets-go-btn{background-color:#fc764a;color:#fff;border:none;border-radius:4px;padding:.6rem 1.5rem;font-weight:500;font-family:Comfortaa,sans-serif;cursor:pointer;transition:all .3s ease}.profile-page .lets-go-btn:hover{background-color:#e45e38}.profile-page .stats-section{display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem}.profile-page .stat-card{flex:1;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;text-align:center;border:1px solid #f0f0f0}.profile-page .stat-card h3{font-size:1rem;color:#666;margin-bottom:1rem;font-weight:500}.profile-page .stat-value{font-size:2.5rem;font-weight:700;color:#00006a}.profile-page .progress-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;margin-bottom:2rem;border:1px solid #f0f0f0}.profile-page .progress-section h2{margin-bottom:1.5rem;color:#00006a;font-size:1.2rem;font-weight:600}.profile-page .chart-legend{display:flex;justify-content:flex-end;gap:1.5rem;margin-bottom:1rem}.profile-page .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.profile-page .legend-dot{width:10px;height:10px;border-radius:50%}.profile-page .total-visits{background-color:#ff6384}.profile-page .session-duration{background-color:#4bc0c0}.profile-page .courses-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;margin-bottom:2rem;border:1px solid #f0f0f0}.profile-page .courses-section h2{margin-bottom:1.5rem;color:#00006a;font-size:1.2rem;font-weight:600}.profile-page .ongoing-courses{display:flex;flex-direction:column;gap:1rem}.profile-page .course-card{display:flex;flex-direction:row!important;justify-content:space-between;align-items:center;background-color:#fff;border-radius:8px;padding:1.2rem;box-shadow:0 2px 8px #0000000d;border:1px solid #f0f0f0}.profile-page .course-info{flex:1}.profile-page .course-info h3{font-size:1.1rem;margin-bottom:.3rem;color:#00006a}.profile-page .course-info p{color:#666;font-size:.9rem}.profile-page .course-details{flex:2;display:flex;align-items:center;gap:1rem}.profile-page .course-duration{min-width:120px;font-size:.9rem;color:#666}.profile-page .progress-wrapper{flex:1;display:flex;flex-direction:column;gap:.3rem}.profile-page .progress-info{display:flex;justify-content:space-between;font-size:.8rem}.profile-page .progress-bar-container{height:10px;background-color:#e9ecef;border-radius:5px;overflow:hidden}.profile-page .progress-bar{height:100%;background-color:#4263eb;border-radius:5px}.profile-page .continue-btn{padding:.5rem 1.2rem;background-color:#00006a;color:#fff;border:none;border-radius:4px;font-family:Comfortaa,sans-serif;cursor:pointer;transition:all .3s ease}.profile-page .continue-btn:hover{background-color:#00004d}.profile-page .dashboard-bottom-section{display:flex;gap:1.5rem}.profile-page .leaderboard-section{flex:1;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;border:1px solid #f0f0f0}.profile-page .leaderboard-section h2{margin-bottom:1.5rem;color:#00006a;font-size:1.2rem;font-weight:600}.profile-page .top-three{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.profile-page .top-user{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-page .avatar-container{position:relative}.profile-page .crown{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:1.2rem}.profile-page .user-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0}.profile-page .top-1 .user-avatar{width:70px;height:70px;border:2px solid gold}.profile-page .top-2 .user-avatar{border:2px solid silver}.profile-page .top-3 .user-avatar{border:2px solid #cd7f32}.profile-page .user-name{font-size:.9rem;font-weight:500;color:#333}.profile-page .user-points{font-size:.8rem;color:#666}.profile-page .leaderboard-table{width:100%;border-collapse:collapse}.profile-page .leaderboard-table th{padding:.7rem;text-align:left;border-bottom:1px solid #e9ecef;font-weight:500;color:#666;font-size:.9rem}.profile-page .leaderboard-table td{padding:.7rem;text-align:left;border-bottom:1px solid #e9ecef;font-size:.9rem}.profile-page .rank{display:inline-flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;background-color:#f0f0f0;font-size:.8rem;font-weight:500}.profile-page .rank-1{background-color:gold;color:#333}.profile-page .rank-2{background-color:silver;color:#333}.profile-page .rank-3{background-color:#cd7f32;color:#fff}.profile-page .current-user-row{background-color:#f8f9fa;font-weight:500}.profile-page .progress-overview{flex:1;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;border:1px solid #f0f0f0}.profile-page .progress-overview h2{margin-bottom:1.5rem;color:#00006a;font-size:1.2rem;font-weight:600}.profile-page .circle-progress{display:flex;justify-content:center;margin-bottom:2rem}.profile-page .progress-circle{position:relative;width:120px;height:120px}.profile-page .progress-circle svg{width:100%;height:100%}.profile-page .progress-circle .circle-bg{fill:none;stroke:#f0f0f0;stroke-width:12}.profile-page .progress-circle .circle-progress{fill:none;stroke:#4263eb;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .5s}.profile-page .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.8rem;font-weight:700;color:#00006a}.profile-page .progress-details{display:flex;flex-direction:column;gap:1rem}.profile-page .progress-item{display:flex;flex-direction:column;gap:.5rem}.profile-page .progress-item-header{display:flex;justify-content:space-between;align-items:center}.profile-page .progress-item h3{font-size:1rem;color:#666;font-weight:500}.profile-page .progress-percentage{font-size:.9rem;font-weight:500;color:#333}.profile-page .progress-bar-container.assessments{background-color:#e9f9f2}.profile-page .progress-bar.assessments{background-color:#4bc0c0}.profile-page .progress-bar-container.courses{background-color:#fff8e6}.profile-page .progress-bar.courses{background-color:#ffcd56}.profile-page .progress-bar-container.quizzes{background-color:#ffeef0}.profile-page .progress-bar.quizzes{background-color:#ff6384}.profile-page .daily-streak{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;margin-bottom:2rem;border:1px solid #f0f0f0}.profile-page .daily-streak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-page .daily-streak h2{color:#00006a;font-size:1.2rem;font-weight:600;margin:0}.profile-page .streak-count{font-size:1.2rem;font-weight:700;color:#00006a}.profile-page .streak-days{display:flex;justify-content:space-between;gap:.5rem}.profile-page .streak-day{width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center}.profile-page .streak-day.completed{background-color:#4bc0c0}.profile-page .user-info-form{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;border:1px solid #f0f0f0}.profile-page .form-group{margin-bottom:1.5rem}.profile-page .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#00006a}.profile-page .form-control{width:100%;padding:.8rem;border:1px solid #e0e0e0;border-radius:4px;font-family:Comfortaa,sans-serif;background-color:#f8f9fa}.profile-page .password-field{position:relative}.profile-page .password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer}@media (max-width: 992px){.profile-page .dashboard-bottom-section{flex-direction:column}.profile-page .stats-section{flex-wrap:wrap}.profile-page .welcome-section{flex-direction:column;text-align:center}.profile-page .welcome-content{margin-bottom:1.5rem}.profile-page .course-card{flex-direction:column!important;gap:1rem}.profile-page .course-details{flex-direction:column;align-items:flex-start;width:100%}.profile-page .course-duration{margin-bottom:.5rem}.profile-page .progress-wrapper{width:100%}.profile-page .continue-btn{align-self:flex-end}}.auth-page-container{display:flex;min-height:calc(100vh - 140px);background-color:#fff}.auth-left-panel{flex:1;background-color:#fc764a;padding:2rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.register-page .auth-left-panel{background-color:#f1e1db}.illustration-content{color:#fff;margin:2rem;position:relative;z-index:2}.register-page .illustration-content{color:#00006a}.illustration-content h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.illustration-content p{font-size:1.2rem}.illustration{position:absolute;bottom:-50px;right:-50px;opacity:.3;z-index:1}.auth-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#fff}.auth-form-wrapper{width:100%;max-width:450px}.auth-form-wrapper h2{font-size:1.8rem;color:#00006a;margin-bottom:.5rem}.auth-form-wrapper p{color:#666;margin-bottom:1.5rem}.auth-buttons{display:flex;margin-bottom:2rem;border-bottom:1px solid #e0e0e0}.auth-btn{padding:.8rem 1.5rem;font-weight:500;color:#666;text-decoration:none;position:relative}.auth-btn.active{color:#00006a;font-weight:600}.auth-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#fc764a}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.auth-form .form-group{margin-bottom:0}.auth-form input,.auth-form select{background-color:#f8f9fa}.language-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300006A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px;padding-right:2.5rem}.auth-submit-btn{background-color:#00006a;color:#fff;border:none;border-radius:4px;padding:.8rem;font-weight:500;font-family:Comfortaa,sans-serif;cursor:pointer;margin-top:.5rem;width:100%}.auth-submit-btn:hover{background-color:#000058}.auth-link{color:#00006a;text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}@media (max-width: 768px){.auth-page-container{flex-direction:column}.auth-left-panel{min-height:200px}}@media (max-width: 992px){.header-container{flex-wrap:wrap;height:auto;padding:15px 20px}.left-nav,.right-nav{margin:0;justify-content:center;flex-wrap:wrap}.center-logo{position:relative;left:auto;top:auto;transform:none;order:-1;width:100%;text-align:center;margin-bottom:15px}.auth-lang-container{margin-top:15px;width:100%;justify-content:center}}@media (max-width: 768px){.nav-item{font-size:14px;padding:8px 10px}.left-nav,.right-nav{gap:5px}}.wordDayContainer{max-width:1200px;margin:0 auto;padding:2rem;font-family:Comfortaa,sans-serif}.wordDayTitle{color:#00006a;font-size:2rem;margin-bottom:2rem;text-align:center}.wordDayContent{display:flex;background-color:#f8f9fa;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.wordDayLeftColumn{flex:1;padding:2rem;background-color:#f1e1db;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.wordDayMainWord{font-size:2.5rem;color:#00006a;font-weight:700;text-align:center;margin-bottom:2rem}.quoteMark{color:#fc764a;font-size:3rem;line-height:0;vertical-align:-15px}#wordDayImg{max-width:100%;height:auto;border-radius:8px;margin-top:1rem}.wordDayRightColumn{flex:1;padding:2rem;background-color:#fff}.wordDaySection{margin-bottom:2rem}.sectionTitle{color:#00006a;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.sectionContent{margin-bottom:1rem;line-height:1.6}.langLabel{display:inline-block;width:40px;font-weight:600;color:#fc764a}@media (max-width: 768px){.wordDayContent{flex-direction:column}.wordDayLeftColumn,.wordDayRightColumn{width:100%}}.nav-main{display:flex;align-items:center;justify-content:center;margin:0 auto;height:80px;flex-wrap:wrap}.flex{display:flex}.justify-end{justify-content:flex-end}.logo{display:flex;justify-content:center;align-items:center;display:block;margin:0 auto}.items-center{align-items:center}#logo{height:40px;vertical-align:middle}#logoFooter{margin-bottom:10px}.footer{background-color:#00006a;color:#fff;padding:3rem 2rem 1rem;display:flex;flex-wrap:wrap;justify-content:space-between}.footerHeaders{color:#fc764a;font-size:1.2rem;margin-bottom:1rem}.footerLinks a{color:#fff;text-decoration:none}.footerLinks a:hover{color:#fc764a}#footerText{color:#fff;margin-bottom:1rem}:root{--dark-blue: #00006A;--orange: #FC764A;--beige: #F1E1DB;--light-gray: #F9F9FB}.nav-main{display:flex;align-items:center;justify-content:center;margin:0 auto;gap:2rem;border-bottom:1px solid #eaeaea}.nav-item{text-decoration:none;color:var(--dark-blue);font-size:18px;font-weight:500;margin:0;position:relative;text-transform:lowercase;white-space:nowrap}.nav-item img#logo{height:60px;vertical-align:middle;display:block;margin:0 auto}.nav-item.login-link #loginNav{background:transparent;border:1px solid var(--orange);color:var(--orange);border-radius:5px;padding:.3rem 1.2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-item.login-link #loginNav:hover{background-color:var(--orange);color:#fff}.nav-item.logo.active:after{display:none}.user-menu{position:relative}.user-avatar{width:36px;height:36px;background-color:var(--dark-blue);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;cursor:pointer;margin-right:1rem;margin-left:1rem}@media (max-width: 500px){.user-avatar{margin:0}}.dropdown-menu{position:absolute;top:45px;right:0;background-color:#fff;box-shadow:0 3px 10px #0000001a;border-radius:8px;width:200px;z-index:1000;border:1px solid #eaeaea;padding:.5rem 0}.dropdown-menu a,.dropdown-menu button{display:block;padding:.7rem 1rem;color:var(--dark-blue);text-decoration:none;text-align:left;width:100%;border:none;background:none;font-size:.9rem;cursor:pointer;transition:background-color .2s}.dropdown-menu a:hover,.dropdown-menu button:hover{background-color:#f5f5f5}.logout-btn{color:red!important}.lang-dropdown-container{position:relative}.lang-dropdown-button{display:flex;align-items:center;gap:5px;padding:.3rem .8rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.9rem}.lang-flag{width:20px;height:14px;object-fit:fill}.lang-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 8px #0000001a;z-index:1000;margin-top:5px;min-width:100px}.lang-option{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;border:none;border-bottom:1px solid #f0f0f0;background:none;text-align:left;cursor:pointer;font-size:.85rem}.lang-option:hover{background-color:#f9f9f9}#footerText{color:#fff;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.footerHeaders{color:var(--orange);font-size:1.2rem;margin-bottom:1rem;font-weight:500;position:relative}.footerHeaders:after{content:"";position:absolute;left:0;bottom:-8px;width:120px;height:2px;background-color:var(--orange)}.footerLinks{color:#fff;line-height:2}.footerLinks a{color:#fff;text-decoration:none;font-size:.9rem;transition:color .2s}.footerLinks a:hover{color:var(--orange)}@media (max-width: 992px){.nav-main{gap:2rem;flex-wrap:wrap;height:auto}.footer{padding:2rem 1rem}}@media (max-width: 768px){.nav-main{justify-content:center}.nav-item{font-size:.9rem}}@media (max-width: 576px){.nav-main{flex-direction:column;gap:2rem;padding-bottom:1rem}.nav-item img#logo{height:36px;margin:.5rem 0}.nav-item.active:after{display:none}}:root{--dark-blue: #00006A;--orange: #FC764A;--beige: #F1E1DB;--nav-font-size: 20px;--footer-font-size: 14px;--footer-header-font-size: 16px;--prof-test-button-width: 183px;--prof-test-button-height: 48px}*{font-family:Comfortaa,sans-serif;margin:0}.lang-dropdown-container{position:relative;margin:10px 10px 0}.dropdown-arrow{font-size:10px;margin-left:5px}.lang-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid var(--beige);border-radius:6px;box-shadow:0 4px 6px #0000001a;z-index:10;min-width:100%;margin-top:5px}.lang-option{width:100%;padding:8px;text-align:left;border:none;border-bottom:1px solid var(--beige);background:none;cursor:pointer;display:flex;align-items:center}.lang-option:last-child{border-bottom:none}.lang-option:hover{background-color:#0000000d}#current-lang-flag,.lang-flag{width:19px;height:15px;border-radius:4px;margin-right:5px}.nav-main{display:grid;padding:5px 10%;border-bottom:1px solid var(--beige);align-items:center;grid-template-columns:2fr 1fr 2fr}.nav-item{text-decoration:none;font-size:var(--nav-font-size);font-weight:500;color:var(--dark-blue);margin:10px 10px 0;position:relative;text-transform:lowercase}@media (max-width: 450px){.nav-item{margin:0}}.nav-item:hover{color:var(--orange)}.nav-item.active:after{content:"";position:absolute;left:0;bottom:-19px;width:100%;height:1px;background-color:var(--orange)}.nav-item.login-link.active:after{display:none}#logo{width:auto;height:65px}.nav-item button{color:var(--dark-blue);font-size:var(--nav-font-size);padding:.3rem;background-color:#fff;border-radius:6px}.nav-item button:hover{color:var(--orange);cursor:pointer}.nav-item #loginNav{border:1px solid var(--orange);margin-right:-15px}.nav-item #langNav{display:flex;align-items:center;justify-content:center;border:1px solid var(--dark-blue)}.footer{background-color:var(--dark-blue);color:#fff;display:flex;justify-content:space-around;flex-wrap:wrap;padding:0 10%;margin-top:3rem}.profTestMain{border-bottom:2px solid var(--beige)}.profTest-progressContainer{display:flex;align-items:center;height:54px;background-color:#f1e1db75;overflow:hidden;justify-content:center;margin-top:140px}.profTest-progressContainer #profTest-questionNum{margin:0 56px 0 108px;font-size:20px}.profTest-progressChunk{flex:1;height:7px;background-color:#dfdfdf;margin:0 1px;border-radius:25px;transition:background-color .3s ease-in-out}.profTest-progressChunk:last-of-type{margin-right:101px}.profTest-progressChunk.active{background-color:var(--dark-blue)}#profTest-title{color:var(--orange);font-size:24px;margin:46px 0 0 108px}.profTest-text{display:flex;flex-direction:column;align-items:center}.profTest-text #profTest-introText{display:flex;flex-direction:column;text-align:center;align-items:center;font-size:24px;color:var(--orange);width:621px;margin:0 auto}.profTest-text #profTest-introText span{color:var(--orange);font-size:64px;padding-bottom:62px}#profTeststartButton{width:var(--prof-test-button-width);height:var(--prof-test-button-height);margin-top:70px;margin-bottom:37px;background-color:var(--orange);color:#fff;font-size:16px;padding:0;border-radius:8px;border:none;cursor:pointer;text-transform:uppercase}#profTest-lowerText{color:var(--orange);font-size:32px;margin:24px 0 103px 110px}.profTestMain #profTest-questionText,.profTest-questionOptions,.profTest-moveButtons{display:flex;justify-content:center;align-items:center}.profTestMain .profTest-moveButtons{margin:56px 0 122px}.profTestMain #profTest-questionText{color:var(--dark-blue);font-size:24px;font-weight:500;margin:62px 0 32px}.profTestMain #profTest-prev,#profTest-next,#profTest-finish{width:var(--prof-test-button-width);height:var(--prof-test-button-height);background-color:var(--orange);color:#fff;font-size:16px;padding:0;border-radius:8px;border:none;cursor:pointer;text-transform:uppercase}.profTestMain #profTest-prev{margin-right:24px}.profTestMain #profTest-prev:disabled{background-color:#fff;color:var(--orange);border:1px solid var(--orange);cursor:default}.profTest-questionOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:598px;margin:0 auto}.profTest-questionSelect{width:100%;height:48px;font-size:16px;border-radius:8px;border:1px solid var(--dark-blue);background-color:#fff;cursor:pointer;color:var(--dark-blue);font-weight:400;display:flex;align-items:center;justify-content:flex-start;padding:4px;position:relative}.profTest-optionLetter{width:40px;height:40px;background-color:var(--beige);border-radius:4px;margin-right:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-family:Poppins,sans-serif;font-weight:700}.profTest-questionSelect.selected .profTest-optionLetter{background-color:var(--orange)}.profTestMain.no-border{border-bottom:none}.profTest-result{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:39px;padding-bottom:74px}.profTest-result p{color:var(--dark-blue)}.profTest-result span{display:inline-block;width:100px;height:100px;background-color:var(--orange);border-radius:50%;font-size:44px;color:var(--beige);font-weight:700;line-height:100px;margin-bottom:16px}#profTest-level{font-size:20px;font-weight:400;max-width:600px;margin-bottom:60px}#profTest-level a{color:var(--orange);text-decoration:none}.profTest-result #profTest-resultText{font-size:24px;font-weight:600}.profTest-result #profTest-score{font-size:32px;font-weight:600;margin-bottom:46px}.learnMain{width:100%;max-width:1200px;margin:0 auto;padding:120px 0;text-align:center}#learn-title{font-size:48px;font-weight:700;color:var(--dark-blue);text-transform:capitalize}#learn-subtitle{font-size:24px;margin-top:29px;margin-bottom:95px;color:var(--dark-blue)}.learn-linksToLessons{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.learn-card{flex:1;width:260px;display:flex;flex-direction:column}.learn-link{display:flex;justify-content:center;align-items:center;font-size:32px;font-weight:700;color:var(--dark-blue);text-decoration:none;height:170px;margin-bottom:54px;background-color:var(--beige);border-radius:15px;box-sizing:border-box}.learn-link:hover{box-shadow:0 4px 4px #00000040;border:1px solid var(--dark-blue)}.learn-description{font-size:14px;color:var(--orange);line-height:1.5;text-align:center}@media (max-width: 768px){.learn-linksToLessons{flex-direction:column}.learn-card{width:100%}}.readAllMain,.videoAllMain,.lessonsAllMain{width:100%;max-width:1200px;margin:0 auto;padding:60px 20px;text-align:center}#readAll-title,#videoAll-title,#lessonsAll-title{font-size:38px;color:var(--dark-blue);margin-bottom:20px;font-weight:700}#readAll-subtitle,#videoAll-subtitle,#lessonsAll-subtitle{font-size:18px;color:var(--dark-blue);max-width:800px;margin:0 auto 80px}#lessonsAll-title{text-transform:capitalize}#lessonsAll-subtitle{margin-bottom:30px}.readAll-list,.videoAll-list{display:grid;flex-wrap:wrap;justify-content:center;gap:60px;list-style:none;padding:0;grid-template-columns:repeat(4,1fr)}.lessonsAll-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:0}@media (max-width: 1200px){.lessonsAll-list,.readAll-list,.videoAll-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.lessonsAll-list,.readAll-list,.videoAll-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.lessonsAll-list,.readAll-list,.videoAll-list{grid-template-columns:repeat(1,1fr)}.readAll-listItem img{width:100%;object-fit:cover}}.videoAll-list{gap:60px;display:grid;grid-template-columns:repeat(4,1fr)}.readAll-listItem,.videoAll-listItem{flex:0 0 330px;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:40px}.lessonsAll-listItem{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.readAll-listImg,.videoAll-listImg{width:240px;height:240px;object-fit:cover;margin-bottom:25px;align-self:center}.lessonsAll-listImg{width:100%;height:220px;object-fit:cover;margin-bottom:15px;border-radius:4px}.videoAll-listImg{width:auto;height:240px}.readAll-listTitle,.videoAll-listTitle,.lessonsAll-listTitle{margin:15px 0 20px;font-size:20px;font-weight:600;text-align:left;width:100%}.readAll-listTitle a,.videoAll-listTitle a,.lessonsAll-listTitle a{color:var(--dark-blue);text-decoration:none;transition:color .3s}.readAll-listTitle a:hover,.videoAll-listTitle a:hover,.lessonsAll-listTitle a:hover{color:var(--orange)}.readAll-listAuthor,.lessonsAll-listWordNum{color:var(--dark-blue);margin:0;font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center;justify-content:flex-start;text-align:left;width:100%}.readAll-listAuthor:before,.lessonsAll-listWordNum:before{content:"";display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300006A' stroke-width='2'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'></path><polyline points='14 2 14 8 20 8'></polyline><line x1='16' y1='13' x2='8' y2='13'></line><line x1='16' y1='17' x2='8' y2='17'></line><polyline points='10 9 9 9 8 9'></polyline></svg>");background-size:contain;background-repeat:no-repeat;margin-right:5px}@media (max-width: 768px){.readAll-list,.videoAll-list{gap:30px}.readAll-listItem,.videoAll-listItem{flex:0 0 100%}.videoAll-list{grid-template-columns:1fr}}.lessonsAll-filters{display:flex;justify-content:center;gap:6px;margin:0 auto 40px;flex-wrap:wrap;background-color:#f4f4f4;border-radius:30px;padding:10px 0}.lessonsAll-filterBtn{padding:10px 20px;background-color:#fff;border:1px solid transparent;border-radius:30px;font-size:16px;color:var(--dark-blue);cursor:pointer;transition:all .3s ease}.lessonsAll-filterBtn.active{background-color:var(--beige);color:var(--dark-blue);font-weight:500}.lessonsAll-filterBtn:hover{background-color:#dbdbdb}@media (max-width: 768px){.lessonsAll-filters{gap:10px}.lessonsAll-filterBtn{padding:8px 16px;font-size:14px}}.readDetailedMain,.videoDetailedMain,.lessonsDetailedMain{padding:110px 70px}@media (max-width: 1200px){.readDetailedMain,.videoDetailedMain,.lessonsDetailedMain{padding:40px 20px}}@media (max-width: 768px){.readDetailedMain,.videoDetailedMain,.lessonsDetailedMain{padding:20px}}.readDetailed-nav,#readDetailed-backToMain,.videoDetailed-nav,#videoDetailed-backToMain{color:var(--dark-blue);text-decoration:none;font-size:48px;font-weight:700;margin-bottom:40px}.readDetailed-nav span,.videoDetailed-nav span{color:#9d9d9d;font-size:40px}#readDetailed-backToMain:hover,#videoDetailed-backToMain:hover,#lessonsDetailed-backToMain:hover{color:var(--orange);transition:.2s}#readDetailed-text,#videoDetailed-text{color:var(--orange);font-size:24px;font-weight:300}#readDetailed-text{display:flex;flex-direction:row;gap:40px;margin-top:20px}#readDetailed-text .text-column{flex:1;max-width:600px}.readDetailed-lang{font-weight:700}.videoDetailedMain{display:block}.videoDetailedMain:after{content:"";display:table;clear:both}.videoDetailedMain iframe{float:left;margin-right:40px;max-width:560px;width:45%}#videoDetailed-text{float:right;width:calc(55% - 40px);display:flex;flex-direction:column;gap:15px}#videoDetailed-text .text-column{width:100%}.lessonsDetailedMain{padding-bottom:50px}.lessonsDetailed-redirect{display:flex;justify-content:center;align-items:center}@media (max-width: 992px){.videoDetailedMain iframe,#videoDetailed-text{float:none;width:100%;margin-right:0}.videoDetailedMain iframe{margin-bottom:30px}}.lessonsDetailed-word{display:flex;flex-direction:column;align-items:flex-start;padding:0 15px;font-size:24px;color:var(--orange)}.word-primary{margin:0 0 5px;font-weight:700}.word-translation{margin:0;font-weight:300}.training-sidebar{position:fixed;left:0;bottom:0;width:100vw;height:100vh;background-color:#fff;box-shadow:0 -4px 15px #0000001a;z-index:1000;transition:transform .3s ease-in-out;transform:translateY(100%);overflow-y:auto;padding:0}.training-sidebar.active{transform:translateY(0)}.training-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--beige);color:var(--dark-blue)}.training-sidebar-header h2{margin:0;font-size:1.5rem}.training-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--dark-blue)}.training-close-btn:hover{color:var(--orange)}.training-content{padding:20px}.training-progressContainer{display:flex;align-items:center;height:54px;overflow:hidden;justify-content:center}.training-progressContainer #training-questionNum{margin:0 56px 0 108px;font-size:20px}.training-progressChunk{flex:1;height:7px;background-color:#dfdfdf;margin:0 1px;border-radius:25px;transition:background-color .3s ease-in-out}.training-progressChunk:last-of-type{margin-right:101px}.training-progressChunk.active{background-color:var(--dark-blue)}.question-container{margin:30px 0}.question-word{font-size:1.8rem;margin-bottom:25px;text-align:center;color:var(--orange)}.question-instruction{font-size:1rem;color:#666;margin-bottom:20px;text-align:center}.options-container{display:flex;justify-content:center;align-items:center;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:598px;margin:0 auto}.option{padding:15px;border:1.5px solid var(--dark-blue);border-radius:8px;cursor:pointer;text-align:center;transition:all .2s;font-size:18px;color:var(--dark-blue);font-weight:500}.option:hover{background-color:#f9f9f9}.option.selected{border-color:#4a90e2;background-color:#f0f7ff}.option.correct{border-color:#4caf50;background-color:#e8f5e9}.option.incorrect{border-color:#f44336;background-color:#ffebee}.letter-spaces{display:flex;justify-content:center;gap:10px;margin-bottom:25px;flex-wrap:wrap}.letter-space{width:40px;height:40px;border:2px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;cursor:pointer;background-color:#f9f9f9}.letter-space.filled{border-color:var(--dark-blue);background-color:#f3f3fe}.letter-space.correct{border-color:#4caf50;background-color:#e8f5e9}.letter-space.incorrect{border-color:#f44336;background-color:#ffebee}.available-letters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.available-letter{width:40px;height:40px;border:2px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s;background-color:#fff}.available-letter:hover:not(.used){background-color:#f3f3fe;border-color:var(--dark-blue)}.available-letter.used{opacity:.3;cursor:default}.training-actions{margin-top:40px;display:flex;justify-content:center}.training-submit{background-color:var(--orange);color:#fff;border:none;padding:15px 25px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s}.training-submit:hover{background-color:#fa5823}.training-submit:disabled{background-color:#c9c8c8;cursor:default}.training-submit.correct{background-color:#4caf50}.training-buttons-row{display:flex;justify-content:center;align-items:center;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;max-width:500px;margin:0 auto}.training-button{flex:1;padding:15px 0;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s}.training-button.skip{background-color:#c9c8c8;color:#666}.training-button.repeat{background-color:var(--orange);color:#fff}.training-button.skip:hover{background-color:#e0e0e0}.training-button.repeat:hover{background-color:#fa5823}.training-loading,.training-error,.training-empty{padding:20px;text-align:center;color:#666}.training-error{color:#f44336}.training-completion{display:flex;flex-direction:column;align-items:center;padding:20px;text-align:center}.completion-title{font-size:1.8rem;margin-bottom:25px;color:var(--dark-blue)}.score-container{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.score-circle{width:120px;height:120px;border-radius:50%;background-color:#f1e1db75;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:15px;position:relative;transform:scale(.8)}.score-number{font-size:2.5rem;font-weight:700;color:var(--orange)}.score-total{font-size:1rem;color:var(--dark-blue);position:absolute;bottom:30px;right:20px;font-weight:700}.score-text{font-size:1.1rem;color:var(--dark-blue);max-width:250px}.training-button.close{background-color:var(--orange);color:#fff;padding:15px 0;border:none;border-radius:6px;font-size:1rem;cursor:pointer;width:100%;max-width:250px;transition:background-color .2s}.training-button.close:hover{background-color:#fa5823}.daily-score-reward{margin-bottom:30px;text-align:center;background-color:#f1e1db75;padding:20px;border-radius:10px;width:100%;max-width:300px;display:flex;align-items:center;justify-content:center}.daily-score-title{font-size:1.2rem;color:var(--dark-blue);margin-right:15px}.daily-score-points{display:flex;justify-content:center}.daily-point{color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.wordDayContainer{max-width:1200px;margin:60px auto;padding:0 20px}@media (max-width: 1000px){margin: 0px auto}.wordDayTitle{text-align:center;font-size:48px;font-weight:700;color:var(--dark-blue);margin-bottom:50px}.wordDayContent{display:flex}.wordDayLeftColumn{flex:0 0 40%}.wordDayMainWord{font-size:64px;font-weight:700;line-height:1.1;color:var(--orange);position:relative;margin-bottom:20px}.quoteMark{font-size:64px;font-weight:700;color:var(--orange)}#wordDaytranscript{color:var(--dark-blue);margin-bottom:15px;padding-left:25px;font-size:24px;font-weight:700;font-style:italic}#wordDayImg{height:220px;width:auto}.wordDayRightColumn{flex:1;display:flex;flex-direction:column;gap:40px}.wordDaySection{margin-bottom:30px}.sectionTitle{font-size:24px;font-weight:700;color:var(--orange);margin-bottom:15px}.sectionContent{font-size:18px;line-height:1.6;color:var(--orange);margin-bottom:10px}.langLabel{font-weight:600;color:var(--dark-blue);display:inline-block;width:85px}@media (max-width: 992px){.wordDayContent{flex-direction:column}.wordDayMainWord{font-size:54px;text-align:center;margin-bottom:40px}.quoteMark{font-size:54px}.wordDayTitle{font-size:36px;margin-bottom:30px}}@media (max-width: 768px){.wordDayMainWord,.quoteMark{font-size:42px}.wordDayTitle{font-size:32px}.sectionTitle{font-size:20px}.sectionContent{font-size:16px}}.speechMain-questions{background-color:#f5f5f5;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.speechMain-questionText{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;cursor:pointer;position:relative}#speechMain-questionTitle{font-size:16px;font-weight:600;color:var(--dark-blue);margin:0;transition:color .2s ease;max-width:calc(100% - 30px)}#speechMain-questionTitle.open-question{color:var(--orange)}#speechMain-arrow{color:var(--dark-blue);font-size:16px;font-weight:700;position:absolute;right:25px;top:50%;transform:translateY(-50%);width:20px;text-align:center}#speechMain-questionContent{padding:0 25px 20px;color:var(--dark-blue);line-height:1.6}#speechMain-title,#chatbotMain-title{font-size:36px;color:var(--dark-blue);margin-bottom:60px}.speechMain-fetch,.chatbotMain-section{border:1.5px solid black;border-radius:10px;padding:40px 0;margin:0 auto}#speechMain-subtitle{font-size:18px;color:var(--dark-blue);margin-bottom:30px;text-align:center;font-weight:600}#speechMain-word{font-size:34px;color:var(--orange);margin-bottom:40px;font-weight:700;text-align:center}.button-container{display:flex;justify-content:center;gap:20px}.pronunciation-feedback{padding:16px;border-radius:8px;border-width:1px;border-style:solid;max-width:500px;margin:20px auto 16px;box-shadow:0 2px 4px #0000001a;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pronunciation-feedback.error{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.feedback-heading{font-size:1.3rem;margin-top:0;margin-bottom:12px;font-weight:600}.feedback-message{font-size:1rem;margin-bottom:16px;line-height:1.4}.feedback-details{background-color:#ffffff80;padding:12px;border-radius:6px;margin-bottom:16px}.detail-row{display:flex;margin-bottom:8px;align-items:center}.detail-row:last-child{margin-bottom:0}.detail-label{font-weight:600;width:100px;flex-shrink:0}.detail-value{flex-grow:1}.alternatives{font-style:italic}.progress-bar-container{flex-grow:1;height:16px;background-color:#fffc;border-radius:8px;overflow:hidden;position:relative}.progress-bar{height:100%;background-color:#4caf50;border-radius:8px;transition:width .6s ease}.progress-text{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.8rem;font-weight:600;color:#333;text-shadow:0px 0px 3px rgba(255,255,255,.5)}.feedback-actions{display:flex;justify-content:space-between;gap:10px}.try-again-btn,.next-word-btn{flex:1;padding:10px;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.try-again-btn{background-color:#c9c8c8;color:#666}.try-again-btn:hover{background-color:#e0e0e0}.next-word-btn{background-color:var(--orange);color:#fff}.next-word-btn:hover{background-color:#fa5823}@media (max-width: 768px){.main-title{font-size:36px;margin-top:30px;margin-bottom:30px}.button-container{flex-direction:column;align-items:center}}.icon-container{display:flex;align-items:center;justify-content:center}.speechMain-record-button.recording{background-color:var(--orange);animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #e74c3c66}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.chatbotMain-section{max-width:800px;margin:0 auto;padding-bottom:0;overflow:hidden;display:flex;flex-direction:column}.chatbotMain-conversation{display:flex;flex-direction:column;gap:20px;padding:20px;flex-grow:1;height:300px;overflow-y:auto;background-color:#fff;scroll-behavior:smooth}.message-container{display:flex;gap:15px;max-width:85%}.user-message-container{align-self:flex-end;flex-direction:row-reverse}.bot-message-container{align-self:flex-start}.avatar{width:50px;height:50px;border-radius:50%;background-color:#4890df;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.text-sender,.text-bot{background-color:#edf4fc;color:var(--dark-blue);border-radius:10px;padding:15px 20px;line-height:1.5}.chatbotMain-input-area{background-color:var(--orange);padding:20px;display:flex;flex-direction:column;align-items:center}.chatbotMain-sendBox{display:flex;width:90%;margin:0 auto;background-color:#fff;border-radius:30px;padding:5px 5px 5px 20px;overflow:hidden}.chatbotMain-inputField{flex:1;border:none;outline:none;font-size:1rem;padding:10px 0;background:transparent}.chatbotMain-sendButton{background-color:transparent;color:var(--dark-blue);border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background-color .2s}.chatbotMain-sendButton:hover{background-color:#0000000d}.chatbotMain-welcome-text{color:#fff;font-size:1.1rem;text-align:center;line-height:1.5;margin:15px 0 0;max-width:90%}
