body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f9f9f9;color:#333}.logo-link{text-decoration:none;color:inherit}.logo-link:hover{text-decoration:none;color:inherit}#sentenceTab .difficulty button.active{background-color:red;color:#fff;border:none}#vocabTab .difficulty button.active{background-color:red;color:#fff;border:none}.navbar{background-color:#28a745;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;position:sticky;top:0;z-index:1000}.logo{font-size:20px;font-weight:700}.menu{list-style:none;display:flex;gap:20px;margin:0;padding:0}.menu li a{color:#fff;text-decoration:none;font-size:16px}.menu li a:hover{text-decoration:underline}.menu-toggle{display:none;font-size:24px;cursor:pointer}@media (max-width:768px){.menu{display:none;flex-direction:column;background-color:#28a745;position:absolute;top:60px;right:0;width:200px;padding:10px}.menu.show{display:flex}.menu-toggle{display:block}}.container{max-width:900px;background:#fff;margin:20px auto;padding:25px;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / .1);text-align:center}h1,h2,h3{color:#222}.purpose,.instructions{margin:20px 0;padding:15px;border-radius:5px}.purpose{background-color:#e7f9ed}.instructions{background-color:#fff8e1}.sentence{font-size:22px;margin:15px 0;color:#2c3e50}textarea{width:100%;height:120px;margin:10px 0;padding:10px;font-size:18px;border:1px solid #ccc;border-radius:6px;resize:vertical}button{background-color:#28a745;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin:5px;font-size:16px}button:hover{background-color:#218838}button.active{background-color:red}.footer{background-color:#28a745;color:#fff;text-align:center;padding:12px 0;margin-top:20px}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#222;color:#fff;padding:15px;text-align:center;font-size:14px;z-index:9999;display:none}.cookie-banner a{color:#28a745}.cookie-banner p{margin:0 0 10px}.cookie-buttons button{margin:0 5px;padding:6px 14px;border:none;border-radius:4px;cursor:pointer}#cookie-accept{background:#28a745;color:#fff}#cookie-reject{background:#dc3545;color:#fff}.menu li{position:relative}.menu li .submenu{display:none;position:absolute;background-color:#28a745;top:100%;left:0;list-style:none;padding:10px 0;margin:0;min-width:220px;border-radius:4px;box-shadow:0 2px 6px rgb(0 0 0 / .15);z-index:999}.menu li .submenu li{width:100%}.menu li .submenu li a{display:block;padding:10px 15px;color:#fff;text-decoration:none;font-size:15px}.menu li .submenu li a:hover{background-color:#218838}.menu li:hover .submenu{display:block}@media (max-width:768px){.menu li .submenu{position:static;box-shadow:none;background:#2c9c49}.menu li .submenu li a{padding:8px 15px;border-top:1px solid rgb(255 255 255 / .1)}}.extra{text-align:left;line-height:1.6;margin-top:15px;padding:15px;background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;box-shadow:0 1px 3px rgb(0 0 0 / .1)}.extra p{margin:5px 0;color:#333}.extra p b{color:#007bff;font-weight:700}.extra p .error-emoji::before{content:"❌ ";color:#dc3545}.extra p .success-emoji::before{content:"✅ ";color:#28a745}.section-divider{border-top:2px dashed #ccc;margin:30px 0}.search-section{margin:20px auto;text-align:center}#searchInput{width:100%;max-width:400px;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:5px;margin-right:10px}.search-section button{background-color:#4caf50;color:#fff;padding:12px 20px;border:none;border-radius:5px;cursor:pointer}.search-section button:hover{background-color:#388e3c}#searchResults{margin-top:20px;max-width:1000px;margin-left:auto;margin-right:auto}.vocab-page .result-item{background-color:#fff;border:1px solid #ccc;padding:15px;margin:10px 0;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.vocab-page .result-item p{margin:0;font-size:16px}.vocab-page .result-item a{background-color:#2e7d32;color:#fff;padding:8px 15px;border:none;border-radius:5px;text-decoration:none;cursor:pointer}.result-item a:hover{background-color:#1b5e20}.search-section{margin:20px auto;text-align:center}.search-input{display:flex;justify-content:center;align-items:center;gap:10px}#searchInput{width:100%;max-width:400px;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:5px}.search-section button{background-color:#4caf50;color:#fff;padding:12px 20px;border:none;border-radius:5px;cursor:pointer}.search-section button:hover{background-color:#388e3c}#searchResults{margin-top:20px;max-width:1000px;margin-left:auto;margin-right:auto;text-align:left}.result-item{background-color:#f9f9f9;border:1px solid #ddd;padding:15px;margin:10px 0;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.result-item p{margin:0;font-size:16px}.result-item a{background-color:#2e7d32;color:#fff;padding:8px 15px;border:none;border-radius:5px;text-decoration:none;cursor:pointer}.result-item a:hover{background-color:#1b5e20}.vocab-page{text-align:left;background-color:#f0f8ff;padding:20px;border-radius:8px}.vocab-page h1.main-heading{color:#2e7d32;font-size:32px;margin-bottom:20px;text-align:center}.search-section h2.search-heading{color:#00695c;font-size:24px;margin-bottom:15px;text-align:center}.examples ul{list-style-type:disc;margin-left:20px;font-size:16px;line-height:1.6}.examples h3{color:#2e7d32;font-size:20px;margin-top:15px}.examples p em{color:#4caf50;font-style:italic}.features ul,.benefits ul{list-style-type:disc;margin-left:20px;font-size:16px;line-height:1.8}.back-to-home{text-align:center;margin:20px 0}.back-link{background-color:#4caf50;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;display:inline-block}.back-link:hover{background-color:#2e7d32}.hero,.about-tool,.seo-sections,.cta{max-width:1000px;margin:auto;padding:20px}.faq-item{background-color:#f9f9f9;border-left:3px solid #007acc;padding:12px 15px;margin-bottom:10px;border-radius:5px;text-align:left;transition:all 0.2s ease}.faq-item h3{font-size:1rem;font-weight:600;margin:0 0 6px 0;color:#222}.faq-item p{font-size:.9rem;line-height:1.4;color:#555;margin:0}.faq-item:hover{background-color:#f0f6fb;border-left-color:#005ea3}.hero{text-align:center;background:linear-gradient(135deg,#f0f8ff,#ffffff);border-radius:12px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.hero h1{font-size:30px;margin-bottom:15px;color:#222}.hero p{font-size:17px;line-height:1.7;color:#444}.about-tool h2,.seo-sections h2,.cta h2{font-size:24px;color:#007bff;text-align:left}.about-tool p,.seo-sections p,.cta p{font-size:16px;color:#333;line-height:1.7;margin-bottom:2px;text-align:left}.seo-sections ul{margin:15px 0 0 0;padding-left:20px;list-style:none}.seo-sections ul li{position:relative;margin-bottom:10px;padding-left:25px;font-size:16px;color:#444}.seo-sections ul li::before{content:"✔";position:absolute;left:0;top:0;color:#007bff;font-weight:700}.cta{text-align:center}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-top:2px}.practice-card{display:block;padding:16px 20px;background:#007bff;color:#fff;border-radius:10px;font-size:16px;font-weight:700;text-decoration:none;text-align:center;transition:transform 0.2s ease,background 0.3s ease}.practice-card:hover{transform:translateY(-4px);background:#0056b3}.why-choose{text-align:left}.page-image{text-align:center;margin:20px 0}.page-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.container2{max-width:1000px;background:#fff;margin:20px auto;padding:25px;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / .1);text-align:center}main{padding:20px;max-width:1200px;margin:auto}h2{color:#007BFF;margin-bottom:15px}.article-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;list-style:none;padding:0;margin-top:25px}.article-list li{background:#fff;border-radius:10px;border:1px solid #e0e0e0;box-shadow:0 3px 8px rgb(0 0 0 / .06);transition:all 0.3s ease}.article-list li:hover{transform:translateY(-4px);box-shadow:0 6px 14px rgb(0 0 0 / .1)}.article-list a{display:block;text-decoration:none;color:#333;padding:18px 20px;font-size:18px;font-weight:600;transition:color 0.3s ease}.article-list a:hover{color:#007BFF}.course-section h2{text-align:center;font-size:26px;font-weight:700;color:#007BFF;margin-bottom:25px}.article-list,.article-list li{display:block;width:100%}.article-list li{margin-bottom:8px}.article-list{display:block!important}.article-list li{display:block!important;width:100%!important}.lesson-content{background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 8px rgb(0 0 0 / .08);margin:30px auto;max-width:1000px}.vocab-table{width:100%;border-collapse:collapse;font-size:16px;margin-top:10px}.vocab-table th,.vocab-table td{border:1px solid #e0e0e0;padding:12px;text-align:center}.vocab-table th{background:#007BFF;color:#fff;font-weight:600}.vocab-table tr:nth-child(even){background:#f9f9f9}.vocab-table tr:hover{background:#f1faff;transition:background 0.3s ease}.example-row td{background:#fcfcfc;font-style:italic;text-align:left;color:#333}.example-header{background:#f0f4f8;font-weight:700;text-align:right;color:#007BFF}.separator-row td{background:#007BFF;height:2px;padding:0;border:none}.urdu-text{font-family:'Noto Nastaliq Urdu',serif;direction:rtl;text-align:right;font-size:18px;color:#333}.hindi-text{font-family:'Noto Sans Devanagari',sans-serif;direction:ltr;text-align:left;font-size:18px;color:#333}@media (max-width:768px){.vocab-table th,.vocab-table td{font-size:14px;padding:8px}.lesson-content{padding:15px}.faq-item{padding:10px 12px}.faq-item h3{font-size:.95rem}.faq-item p{font-size:.85rem}}.quiz-section{margin:40px 0;padding:25px;background:#f9f9ff;border-radius:12px;box-shadow:0 4px 10px rgb(0 0 0 / .06);text-align:left;transition:all 0.4s ease}.quiz-item .explanation{display:none;color:#04c;margin-top:8px;font-style:italic;font-size:14px}.explanation-box{display:none;background:#f0f8ff;border:1px solid #cce4ff;border-radius:10px;padding:12px 16px;margin-top:12px;color:#036;font-size:14px;font-style:italic;box-shadow:0 3px 8px rgb(0 0 0 / .05)}.explanation-heading{font-size:15px;font-weight:600;color:#000;margin-bottom:6px}.explanation-text{margin:0}.quiz-section h2{color:#0056d2;font-size:22px;font-weight:700;margin-bottom:20px;text-align:center}.quiz-item{background:#fff;border-radius:10px;padding:15px 20px;margin-bottom:15px;box-shadow:0 2px 6px rgb(0 0 0 / .05);transition:transform 0.2s ease}.quiz-item:hover{transform:translateY(-2px)}.option{display:block;width:100%;margin:6px 0;padding:10px 14px;border-radius:8px;border:1px solid #ccc;background:#f7f9fc;color:#333;font-size:16px;text-align:left;cursor:pointer;transition:all 0.3s ease}.option:hover{background:#e8f0ff;border-color:#007bff}.option.correct{background-color:#c9f6dd!important;border:2px solid #27ae60!important;color:#056839!important;font-weight:600}.option.wrong{background-color:#f9d2d2!important;border:2px solid #e74c3c!important;color:#9b0000!important;font-weight:600}#quiz-sentence .quiz-item p{font-size:17px;margin:8px 0}#quiz-sentence b{color:#0056d2}.final-result{margin-top:20px;padding:18px;border-radius:10px;background:#f7faff;font-size:16px;text-align:center;box-shadow:0 2px 6px rgb(0 0 0 / .05);animation:fadeInUp 0.6s ease}.result-success h3{color:#0c7a43;font-weight:700;margin-bottom:8px}.result-error h3{color:#c00;font-weight:700;margin-bottom:8px}.result-success p,.result-error p{color:#333;line-height:1.6}.retry-btn{margin-top:15px;padding:10px 20px;border:none;border-radius:8px;background-color:#007BFF;color:#fff;cursor:pointer;font-size:15px;font-weight:600;transition:0.3s}.retry-btn:hover{background-color:#0056b3}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.locked{pointer-events:none;opacity:.5;filter:blur(1px);position:relative}.locked::after{content:"🔒 Locked — Complete previous section to unlock";position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);background:rgb(255 255 255 / .9);padding:12px 18px;border-radius:8px;color:#444;font-weight:600;font-size:15px;text-align:center;box-shadow:0 2px 6px rgb(0 0 0 / .1)}.final-result{animation:fadeInUp 0.6s ease}.course-section{max-width:1100px;margin:50px auto;padding:30px;background:linear-gradient(180deg,#ffffff,#f6f9ff);border-radius:16px;box-shadow:0 4px 12px rgb(0 0 0 / .08)}.course-section h2{text-align:center;font-size:26px;font-weight:800;color:#007bff;margin-bottom:40px;text-transform:uppercase;letter-spacing:1px}.level-section{margin-bottom:50px;padding:30px 25px;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f9fbff);box-shadow:0 4px 14px rgb(0 0 0 / .08);border-left:6px solid #007bff;transition:all 0.3s ease}.level-section:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgb(0 0 0 / .12)}.level-title{font-size:1.6em;margin-bottom:12px;color:#0056b3;font-weight:800;display:flex;align-items:center;gap:10px}.level-title::before{content:"📘";font-size:1.3em}.level-desc{font-size:1.05em;color:#555;line-height:1.7;margin-bottom:25px}.article-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:0;margin:0;list-style:none}.article-list li{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 10px rgb(0 0 0 / .05);transition:all 0.3s ease;text-align:left;overflow:hidden;position:relative}.article-list li:hover{transform:translateY(-6px);box-shadow:0 6px 16px rgb(0 0 0 / .1);border-color:#007bff}.article-list li a{display:block;padding:20px;text-decoration:none;font-weight:600;color:#222;font-size:17px;transition:color 0.3s ease}.article-list li a:hover{color:#007bff}.article-list li::before{content:"📝 Article";position:absolute;top:10px;right:10px;background:#007bff;color:#fff;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600}.level-section:nth-child(2){border-left-color:#28a745}.level-section:nth-child(3){border-left-color:#ffc107}.level-section:nth-child(4){border-left-color:#dc3545}@media (max-width:768px){.level-section{padding:20px}.level-title{font-size:1.4em}.article-list li a{font-size:15px;padding:16px}}.level-section:nth-child(2){border-left-color:#28a745}.level-section:nth-child(3){border-left-color:#ffc107}.level-section:nth-child(4){border-left-color:#dc3545}@media (max-width:768px){.course-section{padding:20px}.course-section h2{font-size:22px}.level-section{padding:15px}.level-title{font-size:1.3em}.article-list li a{font-size:15px;padding:14px}}.related-links{margin-top:25px;padding:20px;background:#f0f8ff;border-radius:10px;border:1px solid #e0e8ff;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.related-links h3{font-size:1.2em;color:#0056b3;font-weight:700;margin-bottom:15px;text-align:left}.link-tags{display:flex;flex-wrap:wrap;gap:10px}.link-tags a{background:#007bff;color:#fff;text-decoration:none;padding:8px 14px;border-radius:25px;font-size:15px;transition:all 0.3s ease;box-shadow:0 2px 6px rgb(0 0 0 / .1)}.link-tags a:hover{background:#0056b3;transform:translateY(-2px)}@media (max-width:768px){.link-tags a{font-size:14px;padding:7px 12px}}.homepage-intro{max-width:1000px;margin:50px auto;padding:40px;background:linear-gradient(180deg,#ffffff,#f8fbff);border-radius:18px;box-shadow:0 4px 14px rgb(0 0 0 / .06);text-align:center}.homepage-intro h1{font-size:1.9em;font-weight:800;color:#007bff;margin-bottom:25px;line-height:1.4}.homepage-intro p{font-size:1.05em;color:#444;line-height:1.8;margin-bottom:20px}.homepage-intro strong{color:#222;font-weight:700}.homepage-intro em{color:#007bff;font-style:normal;font-weight:600}.homepage-intro h2{font-size:1.6em;color:#0056b3;margin-top:35px;margin-bottom:15px;font-weight:700;text-transform:capitalize}.homepage-intro ul{list-style:none;padding:0;margin:0 auto 25px;max-width:700px;text-align:left}.homepage-intro ul li{background:#f0f7ff;padding:12px 18px;margin-bottom:10px;border-left:5px solid #007bff;border-radius:8px;font-size:1em;color:#333;box-shadow:0 2px 5px rgb(0 0 0 / .03);transition:all 0.3s ease}.homepage-intro ul li:hover{background:#e6f0ff;transform:translateX(4px)}@media (max-width:768px){.homepage-intro{padding:25px}.homepage-intro h1{font-size:1.6em}.homepage-intro h2{font-size:1.3em}.homepage-intro ul li{font-size:.95em}}html{scroll-behavior:smooth}.ad-banner{max-width:1000px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 4px 14px rgb(0 0 0 / .08);padding:20px;text-align:center}.ad-container{display:inline-block;overflow:hidden;border-radius:10px;border:1px solid #e0e8ff;background:#f8fbff;transition:all 0.3s ease}.ad-container:hover{transform:translateY(-5px);box-shadow:0 6px 18px rgb(0 0 0 / .1)}.ad-container img{width:100%;max-width:900px;height:auto;border-radius:8px}.ad-label{font-size:14px;color:#555;margin-bottom:8px;text-align:center;font-style:italic}.ad-label a{color:#007bff;text-decoration:none;font-weight:600}.ad-label a:hover{text-decoration:underline}.why-choose-course{max-width:1100px;margin:70px auto 60px;padding:50px 35px;background:linear-gradient(180deg,#ffffff,#f6f9ff);border-radius:18px;box-shadow:0 6px 20px rgb(0 0 0 / .06);text-align:center;border-top:5px solid #007bff}.why-choose-course h2{font-size:2em;font-weight:800;color:#007bff;margin-bottom:30px;text-transform:uppercase;letter-spacing:1px}.why-choose-course ul{list-style:none;padding:0;margin:0 auto;max-width:800px;text-align:left}.why-choose-course ul li{position:relative;background:#fff;margin:14px 0;padding:16px 20px 16px 55px;font-size:1.05em;color:#333;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .04);transition:all 0.3s ease}.why-choose-course ul li::before{content:"⭐";position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.3em;color:#007bff}.why-choose-course ul li:hover{transform:translateY(-4px);box-shadow:0 6px 15px rgb(0 0 0 / .08);background:#f8fbff}@media (max-width:768px){.why-choose-course{padding:30px 20px}.why-choose-course h2{font-size:1.6em}.why-choose-course ul li{font-size:.95em;padding:14px 18px 14px 45px}}.article-description{background:#f9f9ff;border-left:4px solid #007bff;padding:15px;border-radius:8px;line-height:1.6;color:#333;margin-bottom:25px;text-align:justify}.section-note{font-size:15px;color:#555;background:#eef5ff;padding:8px 12px;border-left:3px solid #007bff;border-radius:5px;margin-bottom:15px;text-align:justify}.lesson-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:25px 0;text-align:center}.nav-btn{background:#007bff;color:#fff;padding:8px 14px;min-width:135px;height:38px;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 0.25s ease;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center}.nav-btn:hover{background:#0056b3;transform:translateY(-1px)}.retry-btn{background:#ffc107;color:#333}.retry-btn:hover{background:#e0a800}.share-btn{background:#28a745}.share-btn:hover{background:#218838}#next-class-btn{position:relative}#next-msg{position:absolute;top:115%;left:50%;transform:translateX(-50%);display:none;background:#333;color:#fff;padding:6px 10px;border-radius:6px;font-size:13px;white-space:nowrap;z-index:10;box-shadow:0 2px 6px rgb(0 0 0 / .25)}#next-msg::after{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#fff0 #fff0 #333 #fff0}.vocab_tst_wrapper{width:100%;display:flex;justify-content:center;padding:50px 20px;background:linear-gradient(120deg,#f5f9ff 0%,#eef3ff 100%)}.vocab_tst{width:1000px;background:#fff;border-radius:18px;padding:45px 50px 35px;box-shadow:0 20px 60px rgb(0 60 140 / .09);border:1px solid rgb(0 0 0 / .04);color:#1e2a3a;font-family:"Poppins","Segoe UI",sans-serif;transition:all 0.3s ease}.vocab_tst:hover{box-shadow:0 25px 65px rgb(0 86 255 / .08)}.quiz-item{background:#fcfdff;border-radius:14px;padding:22px 26px;margin-bottom:26px;border:1px solid #e5eaf7;box-shadow:0 4px 14px rgb(0 0 0 / .03);transition:all 0.25s ease}.quiz-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgb(0 0 0 / .07)}.word-title{font-size:19px;font-weight:600;color:#043672;margin-bottom:16px}.word-title::before{content:"🔹";margin-right:8px;color:#0073ff}.options-group{display:flex;flex-direction:column;gap:10px}.option{display:block;width:100%;padding:14px 16px;font-size:15px;border:1px solid #dce6fa;border-radius:10px;background:linear-gradient(180deg,#ffffff,#f8fbff);cursor:pointer;color:#1f2937;transition:all 0.2s ease;text-align:left}.option:hover{background:linear-gradient(180deg,#eef5ff,#e7f1ff);box-shadow:0 4px 10px rgb(0 86 255 / .08);transform:scale(1.01)}.option.correct{background:#e8fff0!important;border-color:#28a745!important;color:#156e36!important;font-weight:600;box-shadow:0 4px 14px rgb(40 167 69 / .18)}.option.wrong{background:#ffeaea!important;border-color:#e53935!important;color:#b61f1f!important;font-weight:600;box-shadow:0 4px 14px rgb(229 57 53 / .18)}.final-result{background:linear-gradient(145deg,#f9fbff,#ffffff);border-radius:14px;padding:26px 30px;margin-top:30px;border:1px solid #dbe4fb;box-shadow:0 6px 24px rgb(0 0 0 / .04);text-align:center}.final-result h3{color:#05c;font-weight:700;margin-bottom:10px}.final-result p{color:#334155;margin:6px 0}.retry-btn{margin-top:10px;background:#05c;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:15px;cursor:pointer;transition:all 0.18s ease}.retry-btn:hover{background:#003fa3}.quiz-controls{text-align:center;margin-top:30px;position:relative;display:inline-block}#nextBtn{background:linear-gradient(120deg,#0066ff,#004ecb);color:#fff;border:none;padding:14px 34px;border-radius:10px;font-size:17px;cursor:pointer;box-shadow:0 10px 22px rgb(0 86 255 / .25);transition:transform 0.2s ease,box-shadow 0.2s ease;position:relative}#nextBtn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgb(0 86 255 / .28)}#next-msg{display:none;position:absolute;top:110%;left:50%;transform:translateX(-50%);background:rgb(0 0 0 / .85);color:#fff;padding:6px 10px;border-radius:6px;font-size:13px;white-space:nowrap;z-index:100;box-shadow:0 2px 6px rgb(0 0 0 / .25)}.pagination{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:25px;text-align:center}.pagination-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.page-btn{background:#f1f5ff;border:1px solid #ccd9ff;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px;color:#04c;transition:all 0.2s ease}.page-btn:hover{background:#e4edff}.page-btn.active{background:#04c;color:#fff;font-weight:600}.pagination-info{font-weight:600;color:#003080}.pagination-jump{margin-top:12px}.pagination-jump input{width:70px;padding:6px;border:1px solid #ccd9ff;border-radius:6px;text-align:center;margin-right:5px}.pagination-jump .go-btn{padding:7px 12px;background:#04c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.pagination-jump .go-btn:hover{background:#03a}.pagination-guide{font-size:14px;color:#444;margin-top:8px;background:#f0f4ff;padding:8px 12px;border-radius:6px;border:1px solid #cbd6f0;text-align:center}.seo-section{max-width:1000px;margin:60px auto 40px;padding:30px 35px;background:#f9fbff;border:1px solid #e3e9ff;border-radius:14px;box-shadow:0 6px 24px rgb(0 80 255 / .05);color:#1f2d3d;line-height:1.75;transition:all 0.3s ease}.seo-section:hover{box-shadow:0 10px 30px rgb(0 80 255 / .08)}.seo-section h2{color:#04c;font-size:22px;margin-bottom:15px;font-weight:700;text-align:center}.seo-section p{font-size:16px;color:#334155;margin-bottom:14px;text-align:justify}.free-course-shortcut{margin:10px 0;text-align:center;margin-bottom:0;padding-bottom:10px}.full-width-button{display:block;width:100%;background-color:#007acc;color:#fff;font-weight:700;font-size:1.1rem;text-align:center;padding:18px 0;border-radius:6px;text-decoration:none;box-shadow:0 4px 8px rgb(0 0 0 / .15);transition:background-color 0.3s ease,transform 0.2s ease,box-shadow 0.2s ease}.full-width-button:hover{background-color:#005ea3;transform:translateY(-2px);box-shadow:0 6px 12px rgb(0 0 0 / .2)}@media (max-width:1050px){.vocab_tst_wrapper{padding:30px 10px}.vocab_tst{width:100%;padding:20px 15px;border-radius:12px}.word-title{font-size:15px;text-align:left}.option{font-size:14px;padding:12px 14px}#nextBtn{width:100%;font-size:15px;padding:12px;border-radius:8px}.pagination{gap:6px;margin-top:20px}.page-btn{padding:6px 10px;font-size:13px}.seo-section{width:100%;padding:20px 15px;margin:30px auto}.seo-section h2{font-size:18px}.seo-section p{font-size:14px;text-align:justify}#next-msg{top:120%;left:50%;font-size:12px;padding:6px 8px;width:180px;text-align:center;white-space:normal}*{max-width:100%}.page-title{font-size:1.5em}.full-width-button{font-size:1rem;padding:14px 0}}.explanation-box{background-color:#e8f4f8;border-left:5px solid #3498db;padding:20px;border-radius:6px;margin-top:20px;margin-bottom:15px;display:none;line-height:1.8}.explanation-box p{color:#2c3e50;font-size:.95rem;line-height:1.8;margin:8px 0;word-break:break-word}.explanation-box p:first-child{margin-top:0}.explanation-box p:last-child{margin-bottom:0}.explanation-box em{color:#0056b3;font-style:italic;font-weight:600}.explanation-box strong{color:#0056b3;font-weight:700}.explanation-box u{text-decoration:underline;color:#2c3e50;text-decoration-color:#3498db;text-decoration-thickness:2px;text-underline-offset:2px}.explanation-box br{display:block;content:"";margin:6px 0}.explanation-table{width:100%;border-collapse:collapse;margin:15px 0;background-color:#f8fbff;border:1px solid #3498db;border-radius:6px;overflow:hidden}.explanation-table tr{border-bottom:1px solid #e0e8ff}.explanation-table tr:last-child{border-bottom:none}.explanation-table td{padding:12px 15px;color:#2c3e50;font-size:.95rem;line-height:1.7}.explanation-table .rule-header{background-color:#3498db;color:#000;font-weight:700;font-size:1rem}.explanation-table .section-header{background-color:#2ecc71;color:#000;font-weight:700;font-size:.95rem}.explanation-table .practice-header{background-color:#f39c12;color:#000;font-weight:700;font-size:.95rem}.explanation-table .info-header{background-color:#9b59b6;color:#000;font-weight:700;font-size:.95rem}.explanation-table .label{font-weight:600;color:#0056b3;width:25%;vertical-align:top}.explanation-table td:first-child{background-color:#f0f4f8}.explanation-table strong{color:#0056b3;font-weight:700}.explanation-table u{text-decoration:underline;color:#c0392b}