*{margin:0;padding:0}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}:root{--green-main:#245d51;--green-hover:#1b463f;--green-light-bg:#f1f9f7;--light-bg:#f5f7fa;--text-dark:#333;--text-muted:#666;--error-color:#d9534f;--text-color:#333;--placeholder-color:#666;--input-font-size:15px;--border-radius:10px;--card-radius:14px;--box-shadow:0 4px 16px #00000014;--label-color:#444;--transition-speed:0.3s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.header{background:#fff;box-shadow:0 1px 4px #0000000f;min-height:72px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:.3rem 2rem}.logo img{height:70px}.nav-links{align-items:center;display:flex;flex:1 1;justify-content:space-between}.nav-center{display:flex;flex:1 1;gap:1rem;justify-content:center}.button-link,.nav-center{font-size:18px;font-weight:600}.button-link{background:#fff;border-radius:6px;color:var(--green-main);cursor:pointer;display:inline-block;padding:6px 12px;text-decoration:none;transition:all .2s ease-in-out}.button-link:hover{background:var(--green-light-bg);border-color:var(--green-hover);border:1px solid var(--green-main);color:var(--green-hover)}.dropdown-menu,.submenu{background:#fff;box-shadow:0 4px 12px #0000001a;display:none;min-width:180px;padding:.5rem 0;position:absolute;z-index:100}.dropdown-menu.open,.submenu.open{display:block}.dropdown-menu li,.submenu li{cursor:pointer;list-style:none;padding:.5rem 1rem}.dropdown-menu li:hover,.submenu li:hover{background-color:var(--green-hover);color:var(--green-hover)}.dropdown-submenu{position:relative}.dropdown-submenu .submenu{background:#fff;box-shadow:0 4px 12px #0000001a;display:none;left:70%;min-width:160px;padding:.5rem 0;position:absolute;top:0;z-index:200}.dropdown-submenu:hover .submenu{display:block}.submenu li:hover{background-color:var(--green-light-bg);color:var(--green-hover)}.submenu{left:50%;position:absolute;top:0}.auth-section{align-items:center;display:flex;gap:1.2rem}.auth-section img{cursor:pointer;height:24px}.login-btn{background-color:var(--green-main);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 18px;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out}.login-btn:hover{background:var(--green-light-bg);border-color:var(--green-hover);border:1px solid var(--green-main);color:var(--green-hover)}.profile{position:relative}.profile button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-weight:700;gap:.4rem}.profile-menu{background:#fff;border-radius:4px;box-shadow:0 4px 10px #0000001a;display:none;flex-direction:column;padding:.5rem 0;position:absolute;right:0;top:120%;width:150px;z-index:1000}.profile-menu.open{display:flex}.profile-menu li{background:none;border:none;color:#333;cursor:pointer;font-size:16px;list-style:none;padding:10px;text-align:left}.profile-menu li:hover{background-color:var(--green-hover);color:var(--green-hover)}.hamburger{background:var(--green-main);border:none;border-radius:5px;color:#fff;cursor:pointer;display:none;font-size:24px;padding:10px}.hamburger:hover{background-color:var(--green-hover)}.user-initial-circle{align-items:center;background-color:var(--green-main);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}@media screen and (max-width:820px){.hamburger{display:block}.nav-links{background:#fff;display:inline;gap:1rem;height:100vh;padding:2rem 1.5rem;position:fixed;right:-200%;top:0;transition:right .3s ease-in-out;width:250px;z-index:1001}.nav-links.open{right:0}.nav-center{gap:1rem;margin-top:2rem}.auth-section,.nav-center{flex-direction:column;width:100%}.auth-section{align-items:flex-start;margin-top:.7rem}.menu-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}}.desktop-only{display:flex;gap:1rem}.mobile-only{display:none}@media screen and (max-width:820px){.desktop-only{display:none!important}.mobile-only{display:flex!important;flex-direction:column;gap:1rem}}.course-menu-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:10px 0;position:fixed;top:5rem;width:100%;z-index:2000}.course-menu-wrapper{margin:0 30%;max-height:90vh;overflow-y:auto;position:relative;width:100%}@media (max-width:768px){.course-menu-wrapper{margin:0 6.5%}}.mega-menu-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:row;font-family:Segoe UI,sans-serif;margin:auto;max-width:1100px;overflow:hidden;transition:all .3s ease;width:100%}.menu-left{background-color:#f4f6f7;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;padding:1.2rem;width:35%}.menu-item{border-radius:8px;cursor:pointer;padding:.9rem 1.2rem;transition:background .3s ease,transform .2s ease}.menu-item.active,.menu-item:hover{background-color:#e3f5ee;transform:translateX(2px)}.menu-item h4{color:#245d51;font-size:17px;font-weight:600;margin:0}.menu-item p{color:#777;font-size:13px;margin:4px 0 0}.menu-right{grid-gap:1.2rem;background-color:#fff;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:1.2rem;width:65%}.menu-card{align-items:center;animation:fadeInUp .4s ease forwards;background:#f9f9f9;border-radius:12px;box-shadow:0 3px 8px #0000000a;cursor:pointer;display:flex;flex-direction:row;gap:12px;opacity:0;padding:1rem 1.2rem;transition:transform .25s ease,background-color .2s ease}.menu-card:hover{background:#e9f7f1;transform:translateY(-4px)}.menu-card:first-child{animation-delay:.05s}.menu-card:nth-child(2){animation-delay:.1s}.menu-card:nth-child(3){animation-delay:.15s}.menu-card:nth-child(4){animation-delay:.2s}.menu-card:nth-child(5){animation-delay:.25s}.menu-card:nth-child(6){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.icon{color:#245d51;font-size:26px}.label{color:#333;font-size:16px;font-weight:500}@media (max-width:768px){.mega-menu-container{border-radius:0;flex-direction:column;width:100%}.menu-left,.menu-right{display:none}.accordion-menu{display:flex;flex-direction:column;width:100%}.accordion-section{border-bottom:1px solid #e0e0e0}.accordion-header{background-color:#f4f6f7;border:none;cursor:pointer;font-family:Segoe UI,sans-serif;font-size:16px;font-weight:600;outline:none;padding:1rem;text-align:left;transition:background .3s ease,color .3s ease;width:100%}.accordion-header.active{background-color:#e3f5ee;color:#245d51}.accordion-content{animation:fadeInAccordion .3s ease-in-out;background-color:#fff;display:flex;flex-direction:column;gap:.75rem;padding:.5rem 1rem 1rem}@keyframes fadeInAccordion{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.menu-card{align-items:center;animation:none;background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000a;flex-direction:row;justify-content:flex-start;margin-bottom:.5rem;opacity:1;padding:.9rem 1rem}.icon{font-size:24px;margin-right:12px}.label{font-size:15px;font-weight:500}}.comingsoon-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.comingsoon-modal{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 20px #00000040;color:#245d51;max-width:400px;padding:30px;position:relative;text-align:center;width:80%}.comingsoon-close{background:none;border:none;color:#245d51;cursor:pointer;font-size:20px;position:absolute;right:12px;top:12px}.comingsoon-modal-logo{margin-bottom:20px;width:100px}.comingsoon-modal-title{color:#2e7d68;font-size:1.5rem;margin-bottom:10px}.comingsoon-modal-text{color:#555;font-size:1rem}.footer{background-color:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -1px 4px #0000000d;color:#333;font-family:Segoe UI,sans-serif;margin-top:auto;padding:40px 20px 10px}.footer-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:auto;max-width:1200px}.footer-left{margin:auto;max-width:300px}.footer-logo{gap:10px;margin-bottom:10px}.footer-logo-img{height:auto;object-fit:contain;width:100px}.footer-left h2{font-size:20px;font-weight:700}.footer-left p{font-size:14px;line-height:1.6;margin-bottom:15px}.social-icons{cursor:pointer;display:flex;font-size:20px;gap:12px;margin-top:10px}.social-icons span:hover{transform:scale(1.2);transition:all .2s ease}.footer-columns{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:auto}.footer-columns>div{min-width:140px}.footer-columns h4{font-size:15px;font-weight:700;margin-bottom:10px}.footer-columns ul{list-style:none;margin:0;padding:0}.footer-columns li{cursor:pointer;font-size:13.5px;margin-bottom:6px;transition:color .3s}.footer-columns li:hover{color:#007b5e}.footer-bottom-bar{border-top:1px solid #e0e0e0;margin-top:30px;padding:1rem 1.5rem;text-align:center}.footer-bottom-bar p{color:#007b5e;font-weight:500;letter-spacing:.2px;margin:0}@media (max-width:768px){.footer-container{flex-direction:column;margin:auto 50px}.footer-left{margin:0}.footer-columns{gap:20px;margin:0}.footer-columns,.footer-logo{flex-direction:column}}.loader-wrapper{align-items:center;background-color:#f7f9fb;display:flex;height:80vh;justify-content:center;text-align:center}.loader-content{align-items:center;display:flex;flex-direction:column}.loader-logo{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite;margin-bottom:20px;width:80px}.loading-text{color:#245d51;font-size:1rem;font-weight:500}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.popup-message{align-items:center;animation:fadeSlideDown .35s ease;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #00000040;display:flex;gap:.75rem;left:50%;max-width:90vw;min-width:300px;padding:1rem 2rem;position:fixed;text-align:center;top:13%;transform:translate(-50%,-50%);z-index:9999}.popup-icon{font-size:1.6rem}.popup-text{flex:1 1;font-size:1.05rem;font-weight:500;margin:0}@keyframes fadeSlideDown{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.quiz-container{animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:2rem auto;max-width:850px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.quiz-container:hover{box-shadow:0 14px 38px #0000001f;transform:translateY(-4px)}.quiz-header{color:#245d51;font-size:2rem;font-weight:700;margin-bottom:.3rem;text-align:center}.quiz-container .topic{color:#3a7d6f;display:block;font-size:1.1rem;font-weight:500;margin-top:.3rem}.progress{color:#444;font-size:1rem;font-weight:500;margin-bottom:1rem}.progress,.timer{text-align:center}.timer{background:#fff6eb;border:1px solid #ffd59e;border-radius:12px;box-shadow:0 3px 10px #0000000d;color:#d35400;font-size:1.1rem;font-weight:600;margin:1rem auto;max-width:200px;padding:.7rem 1.3rem}.question-block{background:#f9fdfb;border:1px solid #e6f2ef;border-radius:14px;margin-bottom:2rem;padding:1.5rem 1.3rem;transition:all .3s ease}.question-block:hover{box-shadow:0 6px 18px #00000014}.question-text{color:#1e3d38;font-size:1.35rem;font-weight:600;margin-bottom:1.2rem}.options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:600px){.options{grid-template-columns:1fr 1fr}}.option-btn{align-items:center;background:#fafafa;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 6px #0000000d;color:#333;cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;text-align:center;transition:all .25s ease}.option-btn img{border-radius:8px;height:100px;object-fit:cover;transition:transform .3s ease;width:150px}.option-btn img:hover{transform:scale(1.05)}.option-btn:hover:not(:disabled){background:#e6f7f1;box-shadow:0 4px 12px #00000014;transform:translateY(-3px)}.option-btn.selected{background:#d0f0eb;border-color:#245d51;font-weight:600}.option-btn.correct{background:#d4f5d4;border-color:#28a745;color:#155724}.option-btn.wrong{background:#f8d7da;border-color:#dc3545;color:#721c24}.option-btn:disabled{cursor:not-allowed;opacity:.6}.matching-block{margin-top:1rem}.matching-lists{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.matching-left,.matching-right{background:#f0f7f5;border:1px solid #e6f2ef;border-radius:12px;flex:1 1;padding:1rem}.matching-left p,.matching-right p{color:#245d51;font-weight:500;margin:.5rem 0}.explanation-section{margin-top:1rem}.explanation{border-radius:10px;font-size:1rem;line-height:1.5;padding:.9rem 1.1rem}.correct-text{background:#e8fbe8;border-left:6px solid #28a745;color:#155724;margin-top:1rem}.wrong-text{background:#fdeaea;border-left:6px solid #dc3545;color:#721c24;margin-top:1rem}.back-btn,.done-btn,.next-btn,.prev-btn,.quiz-btn,.retry-btn,.skip-btn,.start-btn,.submit-btn{background:#245d51;border:none;border-radius:12px;box-shadow:0 3px 10px #00000014;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.9rem 1.6rem;transition:all .3s ease}.back-btn:hover,.done-btn:hover,.next-btn:hover,.prev-btn:hover,.quiz-btn:hover,.retry-btn:hover,.skip-btn:hover,.start-btn:hover,.submit-btn:hover{background:#1e4d44;transform:translateY(-2px)}.back-btn{background:#f0f7f5;border:1px solid #245d51;color:#245d51}.back-btn:hover{background:#245d51;color:#fff}.skip-btn{background:#ff9800;color:#fff}.skip-btn:hover{background:#e68900}.next-btn:disabled,.prev-btn:disabled{background:#e0e0e0;box-shadow:none;color:#999;cursor:not-allowed}.quiz-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.score-board{background:#f8fdfb;border-radius:16px;box-shadow:0 5px 18px #0000000f;margin-top:2rem;padding:1.7rem;text-align:center;transition:all .3s ease}.pie-container{margin:1rem auto;max-width:300px}.score-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.instructions-card{background:#fff;border-radius:18px;box-shadow:0 14px 32px #00000014;margin:3rem auto;max-width:600px;padding:2rem;text-align:center;transition:all .3s ease}.instructions-card:hover{box-shadow:0 18px 38px #0000001f;transform:translateY(-4px)}.instructions-header h2{color:#245d51;font-size:1.8rem;font-weight:700;margin-bottom:.4rem}.instructions-header .icon{color:#3a7d6f;font-size:1.1rem;font-weight:500}.instructions-list{list-style:none;margin:1.5rem 0;padding:0}.instructions-list li{border-radius:10px;color:#444;display:flex;font-size:1rem;justify-content:space-between;margin:.7rem 0;padding:.6rem .8rem;transition:background .2s ease}.instructions-list li:hover{background:#f0f7f5}.start-quiz-btn{background:#245d51;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 1.7rem;transition:all .3s ease}.start-quiz-btn:hover{background:#1e4d44;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.quiz-container{padding:1.2rem}.quiz-header{font-size:1.6rem}.topic{font-size:1rem}.question-text{font-size:1.1rem}.option-btn{font-size:.95rem;padding:.8rem}.done-btn,.next-btn,.prev-btn,.quiz-btn,.retry-btn,.skip-btn,.start-btn,.submit-btn{padding:.85rem;width:100%}.matching-lists{flex-direction:column;gap:.9rem}}.auth-overlay{align-items:center;background:#0a0a0ab3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9988}.auth-modal{background:#fff;border-radius:var(--border-radius);box-shadow:0 8px 24px #00000026;max-width:500px;padding:30px 25px;position:relative;transition:all .3s ease-in-out;width:100%}.auth-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;position:absolute;right:18px;top:12px;transition:color .2s ease}.auth-close:hover,.auth-heading{color:var(--green-main)}.auth-heading{font-size:24px;margin-bottom:20px;text-align:center}.auth-form input,.auth-form select,.auth-form textarea{background:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;color:var(--text-color);font-family:inherit;font-size:var(--input-font-size);margin:.5rem 0;outline:none;padding:10px 12px;transition:border .2s ease;width:100%}.auth-form input::placeholder,.auth-form textarea::placeholder{color:var(--placeholder-color);font-size:var(--input-font-size)}.auth-form select:invalid{color:var(--placeholder-color)}.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{border-color:var(--green-main)}.auth-form .checkbox-label{align-items:center;display:flex;font-size:14px;gap:10px;margin:10px 0}.auth-form .checkbox-label input{margin:0;width:auto}.auth-button{background-color:var(--green-main);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .2s ease;width:100%}.auth-button:hover{background-color:var(--green-hover)}.auth-center{margin-top:18px;text-align:center}.switch-link{color:var(--green-main);cursor:pointer;display:inline-block;font-size:14px;margin:6px 0;text-decoration:underline;transition:color .2s ease}.switch-link:hover{color:var(--green-hover)}.error-text{color:var(--error-color);font-size:13px;margin-bottom:10px;margin-top:-8px}@media (max-width:768px){.auth-modal{max-width:80%;padding:10px}}
/*# sourceMappingURL=main.032aeddf.css.map*/