@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;box-shadow:0 2px 8px #0000000a;display:flex;font-family:Inter,sans-serif;justify-content:space-between;padding:1rem 3rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease-in-out;z-index:1000}.navbar-logo{color:#333;font-size:1.8rem;font-weight:700;letter-spacing:.5px;text-decoration:none}.navbar-links{align-items:center;display:flex;gap:2rem}.navbar-links a{color:#444;font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.navbar-links a:after{background-color:#5e35b1;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.navbar-links a:hover{color:#5e35b1}.navbar-links a:hover:after{width:100%}.auth-buttons{display:flex;gap:.8rem}.login-btn,.signup-btn{border-radius:999px;box-shadow:0 2px 6px #0000000d;cursor:pointer;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;padding:.5rem 1.3rem;transition:all .3s ease}.login-btn{background-color:initial;border:1.6px solid #007bff;color:#007bff}.login-btn:hover{background-color:#e6f0ff;color:#0056b3}.signup-btn{background-color:#007bff;border:none;color:#fff}.signup-btn:hover{background-color:#0056b3}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;padding:1rem 1.5rem}.navbar-logo{margin-bottom:1rem}.navbar-links{align-items:flex-start;flex-direction:column;gap:1rem;width:100%}.auth-buttons{gap:1rem;justify-content:flex-start;margin-top:1rem;width:100%}.login-btn,.signup-btn{text-align:center;width:100%}}*{box-sizing:border-box}*,.home-container{margin:0;padding:0}.home-container{background:#fff}.hero-section{background:linear-gradient(#00000080,#00000080),url(/static/media/background-map.67bc7c2c64b0813418e3.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;box-shadow:0 8px 20px #00000014;color:#000;margin:2rem auto;padding:6rem 2rem;position:relative;text-align:center;z-index:1}.hero-section h1{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-section p{color:#f1f1f1;font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00c6ff,#0072ff);-webkit-background-clip:text}.cta-button{background:#007bff;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;position:relative;text-decoration:none;transition:transform .2s ease,box-shadow .3s ease;z-index:10}.cta-button:hover{box-shadow:0 4px 15px #007bff66;transform:scale(1.05)}.hero-image{border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-top:2rem;max-width:500px;width:90%}.features-highlight,.features-intro,.final-cta,.why-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin:3rem auto;max-width:1000px;padding:2rem}.features-highlight ul{list-style:none;padding-left:0}.features-highlight li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.features-highlight li:before{content:"✨";left:0;position:absolute;top:0}.student-image{border-radius:12px;box-shadow:0 6px 18px #00000014;display:block;margin:2rem auto 0;max-width:400px;width:100%}.final-cta{align-items:center;display:flex;flex-direction:column;text-align:center}body{background-color:#f5f5f5;color:#333;font-family:Poppins,sans-serif;line-height:1.6}.about-container{animation:fadeIn 1s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 8px 20px #00000014;margin:4rem auto;max-width:1000px;padding:3rem;transition:transform .3s ease}.about-container:hover{transform:scale(1.01)}.about-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3b5998,#8b9dc3);-webkit-background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-align:center}.about-container h1:after{background:linear-gradient(90deg,#3b5998,#8b9dc3);border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.about-container p{color:#444;font-size:1.1rem;line-height:1.8;margin-top:1.5rem}.about-container ul{margin-top:1rem;padding-left:1.5rem}.about-container ul li{color:#1565c0;font-weight:500;list-style:none;margin-bottom:.75rem;position:relative}.about-container ul li:before{content:"✨";left:-1.5rem;position:absolute}a{color:#007bff;font-weight:600;text-decoration:none;transition:color .2s ease-in}a:hover{color:#0056b3;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-container{background-color:#f9fafb;border-radius:1rem;box-shadow:0 8px 16px #0000000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:800px;padding:1.5rem}.progress-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.progress-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;text-align:center}@media (min-width:600px){.progress-grid{grid-template-columns:repeat(3,1fr)}}.progress-card{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;padding:1rem;transition:box-shadow .3s ease}.progress-card:hover{box-shadow:0 6px 12px #00000014}.progress-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.progress-number.blue{color:#3b82f6}.progress-number.green{color:#10b981}.progress-number.red{color:#ef4444}.progress-label{color:#4b5563;font-size:.95rem}.translator-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000012;margin:0 auto;max-width:900px;padding:2rem}.translator-title{color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.translator-form{display:flex;flex-direction:column;gap:1rem}.translator-form textarea{font-family:inherit;min-height:120px;padding:1rem;resize:vertical;width:100%}.translator-form select,.translator-form textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem}.translator-form select{background-color:#f8f8f8;padding:.6rem}.translate-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.7rem 1.2rem;transition:background-color .3s ease}.translate-button:hover{background-color:#2980b9}.translation-result{background-color:#ecf9f1;border-left:5px solid #2ecc71;border-radius:8px;color:#2c3e50;font-size:1.1rem;margin-top:1.5rem;padding:1rem}.dictionary-container{background-color:#f9fafb;border-radius:1rem;box-shadow:0 8px 16px #0000000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:900px;padding:2rem}.dictionary-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-align:center}.dictionary-subtext{color:#6b7280;font-size:.95rem;margin-bottom:2rem;text-align:center}.vocabulary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:600px){.vocabulary-grid{grid-template-columns:repeat(2,1fr)}}.vocabulary-card{background-color:#fff;border-left:4px solid #3b82f6;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;padding:1rem;transition:box-shadow .3s ease}.vocabulary-card:hover{box-shadow:0 6px 12px #00000014}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.word{color:#1f2937;font-size:1.1rem;font-weight:600}.category{background-color:#3b82f6;border-radius:.25rem;color:#fff;font-size:.75rem;padding:.25rem .5rem}.translation{color:#047857;font-size:1rem;font-style:italic}.quiz-container{background-color:#f9fafb;border-radius:1rem;box-shadow:0 4px 12px #0000000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:600px;padding:1.5rem}.quiz-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.quiz-question{font-size:1.1rem;font-weight:500;margin-bottom:1.25rem}.options-grid{grid-gap:.75rem;display:grid;gap:.75rem}.option-button{background-color:#fff;border:2px solid #0000;border-radius:.5rem;cursor:pointer;font-size:1rem;padding:.75rem;text-align:left;transition:all .3s ease}.option-button:hover{background-color:#f3f4f6}.option-button.correct{background-color:#bbf7d0;border-color:#22c55e}.option-button.wrong{background-color:#fecaca;border-color:#ef4444}.result-text{color:#16a34a;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.retry-button{background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.retry-button:hover{background-color:#2563eb}.services-container{background-color:#f9f9f9;color:#333;display:flex;flex-wrap:wrap;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:1rem;justify-content:center;padding:1rem}.herobanner-section{align-items:center;background-color:#f7f9fc;background-image:none;border-radius:12px;display:flex;gap:2rem;justify-content:space-between;margin:2rem 0;padding:2rem}.hero-text{flex:1 1;max-width:50%}.hero-text h1{color:#222;font-size:2.5rem;margin-bottom:1rem}.hero-text p{color:#444;font-size:1.2rem}.hero-image{flex:1 1;max-width:50%}.hero-image img{border-radius:10px;height:auto;width:100%}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:40px}.service-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;padding:25px;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.service-card h3{color:#222;font-size:20px;margin-bottom:10px}.service-card p{color:#555;font-size:14px;margin-bottom:15px}.lesson-list{color:#444;font-size:14px;list-style-type:disc;padding-left:20px}.start-lesson-btn{background-color:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:1rem auto 0;padding:.7rem 1.2rem;transition:background-color .3s ease}.start-lesson-btn:hover{background-color:#0056b3}.extras-section{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:40px}.extra-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;flex:1 1 400px;padding:25px}.extra-card h3{color:#333;font-size:20px;margin-bottom:15px}body{background-color:#f2f4f8;background-image:none;font-family:Arial,sans-serif;margin:0;padding:0}.blog-container{margin:auto;max-width:900px;padding:40px 20px}.blog-title{color:#2d6cdf;font-size:36px;margin-bottom:40px;text-align:center}.blog-posts{display:flex;flex-direction:column;gap:30px}.blog-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;padding:24px;transition:transform .2s ease}.blog-card:hover{transform:scale(1.02)}.post-title{color:#222;font-size:24px;margin-bottom:8px}.post-date{color:#888;font-size:14px;margin-bottom:16px}.post-content{color:#444;font-size:16px;line-height:1.6}.see-more-container{margin-top:20px;text-align:center}.see-more-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.see-more-button:hover{background-color:#0056b3}html{scroll-behavior:smooth}.blog-post-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.8;margin:40px auto;max-width:900px;padding:40px}.blog-post-container h1{color:#283c4a;font-size:2.8em;font-weight:700;line-height:1.2;margin-bottom:20px}.blog-post-container p em{color:#777;display:block;font-size:1em;font-style:italic;margin-bottom:30px}.blog-post-content{color:#444;font-size:1.1em}.blog-post-content p{margin-bottom:25px}.blog-post-content h2{color:#34495e;font-size:2em;font-weight:600;line-height:1.3;margin-bottom:18px;margin-top:40px}.blog-post-content h3{color:#2e3131;font-size:1.6em;font-weight:500;line-height:1.4;margin-bottom:15px;margin-top:35px}.blog-post-content ol,.blog-post-content ul{margin-bottom:25px;margin-left:30px}.blog-post-content li{line-height:1.7;margin-bottom:12px}.blog-post-content strong{color:#333;font-weight:600}.blog-post-content em{color:#555;font-style:italic}.blog-post-content a{border-bottom:1px solid #0000;color:#007bff;padding-bottom:2px;text-decoration:none;transition:color .3s ease-in-out}.blog-post-content a:hover{border-bottom-color:#0056b3;color:#0056b3}.blog-post-content blockquote{background-color:#f7f7f7;border-left:8px solid #d3d3d3;border-radius:4px;color:#555;font-size:1.05em;font-style:italic;margin:30px 0;padding:20px}.blog-post-content blockquote p:last-child{margin-bottom:0}.blog-post-content pre{background-color:#f8f8f8;border:1px solid #eee;border-radius:6px;color:#222;font-family:Consolas,monospace;font-size:.95em;margin-bottom:30px;overflow-x:auto;padding:20px}.blog-post-content hr{border:0;border-top:2px solid #eee;margin:40px 0}@media (max-width:768px){.blog-post-container{border-radius:8px;margin:20px;padding:30px}.blog-post-container h1{font-size:2.2em;margin-bottom:15px}.blog-post-container p em{font-size:.9em;margin-bottom:20px}.blog-post-content{font-size:1em}.blog-post-content p{margin-bottom:20px}.blog-post-content h2{font-size:1.8em;margin-bottom:15px;margin-top:30px}.blog-post-content h3{font-size:1.4em;margin-bottom:10px;margin-top:25px}.blog-post-content ol,.blog-post-content ul{margin-bottom:20px;margin-left:20px}.blog-post-content li{line-height:1.7;margin-bottom:10px}.blog-post-content blockquote{margin:25px 0;padding:15px}.blog-post-content pre{border-radius:4px;font-size:.9em;margin-bottom:25px;padding:15px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-post-content>*{opacity:0}.blog-post-content>*,.comment-section{animation:fadeInUp .8s ease-out forwards}.comment-section{border-top:2px solid #eee;margin-top:60px;padding-top:40px}.comment-title{color:#2c3e50;font-size:1.6em;font-weight:600;margin-bottom:20px}.comment-list{list-style:none;margin-bottom:40px;padding:0}.comment-item{animation:fadeInUp .4s ease-out;background-color:#f9f9f9;border:1px solid #e1e1e1;border-radius:10px;box-shadow:0 2px 8px #00000008;margin-bottom:15px;padding:15px 20px}.comment-author{color:#34495e;font-weight:600;margin-right:5px}.comment-text{color:#555}.leave-comment{color:#333;font-size:1.4em;font-weight:500;margin-bottom:20px}.comment-form{display:flex;flex-direction:column;gap:16px}.comment-form label{color:#555;font-size:1em;font-weight:500}.comment-form input[type=text],.comment-form textarea{border:1px solid #ccc;border-radius:8px;font-family:inherit;font-size:1em;padding:12px 15px;resize:vertical;transition:border-color .3s ease}.comment-form input[type=text]:focus,.comment-form textarea:focus{border-color:#007bff;outline:none}.post-comment-btn{align-self:flex-start;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s ease}.post-comment-btn:hover{background-color:#0056b3}.blog-post-content>:first-child{animation-delay:.2s}.blog-post-content>:nth-child(2){animation-delay:.4s}.blog-post-content>:nth-child(3){animation-delay:.6s}.blog-post-content>:nth-child(4){animation-delay:.8s}.blog-post-content>:nth-child(5){animation-delay:1s}.blog-post-content>:nth-child(6){animation-delay:1.2s}.blog-post-content>:nth-child(7){animation-delay:1.4s}.blog-post-content>:nth-child(8){animation-delay:1.6s}.blog-post-content>:nth-child(9){animation-delay:1.8s}.blog-post-content>:nth-child(10){animation-delay:2s}.auth-container{align-items:center;background-color:#f0f2f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.auth-card h2{color:#333;font-size:2em;margin-bottom:30px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1em;padding:12px;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.auth-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;margin-top:20px;padding:12px 20px;transition:background-color .3s ease;width:100%}.auth-button:hover{background-color:#0056b3}.auth-switch{color:#666;margin-top:20px}.auth-switch a{color:#007bff;font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}
/*# sourceMappingURL=main.4d40db67.css.map*/