.container,.main-wrapper{max-width:1200px;margin:0 auto}.logo,body{color:var(--text-main);font-family:var(--font-ui)}.level-btn,.site-header{box-shadow:var(--shadow-sm)}.btn-level.active,.btn-level:hover,.level-btn.active{background:var(--primary);border-color:var(--primary)}.footer-col h3,.panel-lang-label{letter-spacing:1px;text-transform:uppercase}.footer-col ul li a,a{transition:color var(--transition)}.about-list,.footer-col ul,.privacy-list{list-style:none}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--secondary:#059669;--secondary-light:#d1fae5;--accent:#f59e0b;--accent-light:#fef3c7;--danger:#dc2626;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--bg-white:#ffffff;--bg-light:#f8fafc;--bg-card:#ffffff;--border:#e2e8f0;--border-dark:#cbd5e1;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.10);--shadow-lg:0 8px 32px rgba(0,0,0,0.12);--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--font-en:'Merriweather',Georgia,serif;--font-ui:'Hind',system-ui,sans-serif;--font-ur:'Noto Nastaliq Urdu',serif;--font-hi:'Hind',system-ui,sans-serif;--transition:0.2s ease}.btn-level,.level-btn,.split-translation .tab-btn{transition:all var(--transition)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-light);line-height:1.7;min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.bookmark-hint strong,.hero-title .highlight,.logo em,.logo:hover{color:var(--primary)}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.container{padding:0 24px}.main-wrapper{padding:0 0 60px}.page-layout{max-width:900px;margin:0 auto;padding:28px 24px 60px}.page-wrapper{width:100%}.sidebar-left,.sidebar-right,.split-translation .tab-panel[hidden]{display:none}.site-header{background:var(--bg-white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}.logo{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;white-space:nowrap}.logo-icon{font-size:1.4rem}.logo em{font-style:normal}.level-nav{display:flex;gap:8px}.btn-level{padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;color:var(--text-muted);background:var(--bg-light);border:1.5px solid var(--border);cursor:pointer}.btn-level.active,.btn-level:hover{color:#fff}.hero-section{padding:36px 0 28px}.hero-inner{text-align:center}.hero-title{font-family:var(--font-en);font-size:2rem;font-weight:700;color:var(--text-main);line-height:1.3;margin-bottom:10px}.hero-subtitle,.lc-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:24px}.level-selector{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.level-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 32px;border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--bg-white);color:var(--text-main);min-width:140px}.card-header,.topic-badge{align-items:center;gap:8px;display:flex}.level-btn:hover,.no-content-card,.paragraph-card{box-shadow:var(--shadow-md)}.level-btn:hover{border-color:var(--primary);transform:translateY(-2px);color:var(--primary)}.level-btn.active{color:#fff;box-shadow:0 4px 16px rgba(37,99,235,.25)}.level-card-about span,.level-icon{font-size:1.5rem}.level-label{font-weight:700;font-size:.95rem}.level-card-about small,.level-count{font-size:.75rem;opacity:.75}.paragraph-card{background:var(--bg-card);border-radius:0;border:1px solid var(--border);padding:28px 32px;margin-bottom:28px}.main-wrapper .paragraph-card{width:100vw;margin-left:calc(-50vw + 50%)}.card-header{justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}.topic-badge{background:var(--primary-light);color:var(--primary-dark);padding:6px 16px;border-radius:20px;font-weight:600;font-size:.9rem}.topic-icon{font-size:1rem}.progress-indicator{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--text-muted)}.progress-current{font-weight:700;color:var(--primary);font-size:1rem}.progress-bar-wrap{background:var(--border);border-radius:99px;height:5px;margin-bottom:20px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--primary),var(--secondary));height:100%;border-radius:99px;transition:width .4s}.para-split{display:grid;grid-template-columns:2fr 3fr 250px;grid-template-rows:1fr;gap:0;margin-bottom:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;min-height:320px}.split-divider{background:var(--border);width:1px;align-self:stretch;order:2}.split-ad,.split-panel-header,.split-translation .tab-btn{display:flex;background:var(--bg-light)}.split-panel{display:flex;flex-direction:column;min-width:0}.split-panel-header{align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border);min-height:52px}.panel-flag{font-size:1.1rem}.panel-lang-label{font-size:.78rem;font-weight:700;color:var(--text-muted)}.panel-hints{padding:8px 20px 4px}.sentence,.sentence-trans{display:inline;padding:2px 1px}.sentence-hint{font-size:.8rem;color:var(--text-muted);font-style:italic}.hindi-text,.urdu-text{color:var(--text-main)}.split-english .english-text{font-family:var(--font-en);font-size:1.1rem;line-height:2;color:var(--text-main);padding:16px 20px 20px;flex:1}.split-translation .split-panel-header{padding:0;border-right:1px solid var(--border)}.split-translation .tab-buttons{display:flex;width:100%;border-bottom:none}.split-translation .tab-btn{flex:1;padding:14px 12px;border:none;font-size:1rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent;font-family:var(--font-ur);align-items:center;justify-content:center;gap:6px}.split-translation .tab-btn:hover{color:var(--primary);background:#f0f4ff}.split-translation .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--bg-white)}.split-translation .tab-panel{padding:16px 20px 20px;background:var(--bg-white);border:none;border-radius:0;flex:1}.sentence{border-radius:4px;transition:background .2s,color .2s;cursor:pointer}.sentence.active{background:var(--accent);color:#1e1e1e;padding:2px 5px;border-radius:4px}.sentence.done{color:var(--text-muted)}.sentence-trans{border-radius:4px;transition:background .2s}.btn-tts,.voice-select{border-radius:99px;cursor:pointer}.btn-nav,.btn-tts{transition:all var(--transition)}.sentence-trans.active{background:#fde68a;padding:2px 8px;border-radius:4px;font-weight:600}.urdu-text{font-family:var(--font-ur);font-size:1.25rem;line-height:2.6;text-align:right;direction:rtl}.about-goal,.about-hero,.ad-banner,.bookmark-hint,.error-404-wrap,.footer-bottom,.level-card-about,.level-complete,.no-content-card,.privacy-back,.search-no-result,.tts-note{text-align:center}.hindi-text{font-family:var(--font-hi);font-size:1.05rem;line-height:2}.btn-tts,.search-input,.voice-select{font-family:var(--font-ui)}.split-ad{flex-direction:column;gap:12px;padding:8px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.btn-tts,.tts-controls{align-items:center;display:flex}.tts-controls{flex-wrap:wrap;gap:12px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:20px 0}.btn-tts{gap:7px;padding:10px 20px;border:none;font-size:.9rem;font-weight:600}.btn-next,.btn-play{background:var(--primary);color:#fff}.btn-stop,.slider-wrap label,.tts-note{color:var(--text-muted)}.btn-play:hover{background:var(--primary-dark)}.btn-play.playing{background:var(--accent);color:#1e1e1e}.btn-stop{background:var(--bg-light);border:1.5px solid var(--border)}.btn-stop:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.btn-stop:disabled{opacity:.45;cursor:not-allowed}.tts-icon{font-size:.85rem}.tts-note{font-size:.78rem;font-style:italic;width:100%;margin-left:0}.voice-select-wrap{display:flex;align-items:center}.voice-select{padding:8px 14px;border:1.5px solid var(--border);font-size:.85rem;background:var(--bg-white);color:var(--text-main);outline:0}.search-input:focus,.voice-select:focus{border-color:var(--primary)}.slider-wrap{display:flex;flex-direction:column;gap:6px;min-width:140px}.slider-wrap label{font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:space-between}.slider-wrap label span#pitch-val,.slider-wrap label span#speed-val{color:#f59e0b;font-weight:800;font-size:.85rem;min-width:36px;text-align:right}input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:99px;background:#2d3748;outline:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#f59e0b;cursor:pointer;box-shadow:0 0 4px rgba(245,158,11,.5);transition:background .2s}input[type=range]::-webkit-slider-thumb:hover{background:#d97706}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#f59e0b;border:none;cursor:pointer}input[type=range]::-moz-range-track{background:#2d3748;height:6px;border-radius:99px}.skills-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;padding:16px;background:var(--secondary-light);border-radius:var(--radius-md)}.skill-item{display:flex;align-items:flex-start;gap:8px}.skill-icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}.skill-item strong{display:block;font-size:.85rem;color:var(--text-main)}.skill-item small{display:block;font-size:.75rem;color:var(--text-muted);line-height:1.4}.para-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.btn-nav.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-nav{display:inline-flex;align-items:center;gap:6px;padding:11px 28px;border-radius:99px;font-weight:700;font-size:.95rem;border:2px solid var(--primary);color:var(--primary);background:var(--bg-white)}.btn-nav:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.25)}.btn-next:hover{background:var(--primary-dark);color:#fff}.nav-counter{font-size:.95rem;color:var(--text-muted)}.nav-counter strong{color:var(--primary);font-size:1.1rem}.ad-banner{padding:8px 0;margin:16px 0}.ad-top{border-bottom:1px solid var(--border)}.ad-bottom{border-top:1px solid var(--border)}.no-content-card{padding:60px 20px;background:var(--bg-card);border-radius:var(--radius-xl);margin-bottom:32px}.level-card-about,.seo-text{border-radius:var(--radius-lg)}.no-content-icon{font-size:3rem;margin-bottom:16px}.no-content-card h2{font-size:1.5rem;margin-bottom:10px}.no-content-card p{color:var(--text-muted);margin-bottom:20px}.seo-text h2,.seo-text h3{font-family:var(--font-en);color:var(--text-main)}.seo-text{padding:28px 32px;background:var(--bg-white);border:1px solid var(--border);margin-bottom:32px}.seo-text h2{font-size:1.1rem;margin-bottom:10px}.seo-text h3{font-size:.95rem;margin:16px 0 6px}.seo-text p{font-size:.92rem;color:var(--text-muted);line-height:1.8}.site-footer{background:var(--text-main);color:#94a3b8;padding:40px 0 20px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px}.footer-col h3{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:12px}.footer-col ul li{font-size:.85rem;margin-bottom:8px;line-height:1.5}.footer-col ul li a{color:#94a3b8}.footer-bottom a:hover,.footer-col ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;padding-top:20px}.footer-bottom p{font-size:.82rem;color:#64748b}.footer-bottom a{color:#94a3b8}.search-section{margin-top:20px;padding-top:16px;border-top:1px dashed var(--border)}.bookmark-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:12px}.search-wrap{position:relative;max-width:500px;margin:0 auto}.search-input{width:100%;padding:12px 20px;border-radius:99px;border:2px solid var(--border);font-size:.95rem;outline:0;background:var(--bg-white);color:var(--text-main);transition:border .2s}.about-section h2,.about-title,.error-404-number,.error-404-title,.lc-title,.privacy-section h2{font-family:var(--font-en)}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-white);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;max-height:280px;overflow-y:auto}.about-hero,.about-section,.privacy-section,.search-item{border-bottom:1px solid var(--border)}.search-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background .15s}.btn-start,.level-card-about{transition:all var(--transition);text-decoration:none}.about-section:last-child,.privacy-section:last-child,.search-item:last-child{border-bottom:none}.btn-lc-repeat:hover,.search-item.focused,.search-item:hover{background:var(--primary-light)}.search-badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:99px;flex-shrink:0}.badge-basic{background:#d1fae5;color:#065f46}.badge-intermediate{background:#dbeafe;color:#1e40af}.badge-advanced{background:#fce7f3;color:#9d174d}.about-section h2,.search-num{font-weight:700;color:var(--primary)}.search-num{font-size:.85rem;flex-shrink:0}.search-topic{font-size:.9rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-no-result{padding:14px 16px;font-size:.88rem;color:var(--text-muted)}.about-title,kbd{color:var(--text-main)}kbd{background:#f1f5f9;border:1px solid var(--border-dark);border-radius:4px;padding:1px 6px;font-size:.8rem;font-family:monospace}.about-hero{padding:20px 0 28px;margin-bottom:28px}.about-title{font-size:1.8rem;font-weight:700;margin-bottom:8px}.about-subtitle{font-size:1rem;color:var(--text-muted)}.about-intro{font-size:1.05rem;color:var(--text-main);line-height:1.8;margin-bottom:28px;padding:16px 20px;background:var(--primary-light);border-radius:var(--radius-md);border-left:4px solid var(--primary)}.about-section,.privacy-section{margin-bottom:28px;padding-bottom:24px}.about-section h2{font-size:1.15rem;margin-bottom:12px}.about-check-list li,.about-cta-text,.about-list li,.about-section p,.level-card-about{color:var(--text-main)}.about-section p{font-size:.95rem;line-height:1.8;margin-bottom:12px}.about-list{margin:12px 0 16px;display:flex;flex-direction:column;gap:10px}.about-list li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;background:var(--bg-light);padding:10px 14px;border-radius:var(--radius-sm)}.list-icon{font-size:1.1rem;flex-shrink:0}.about-check-list{list-style:none;display:flex;flex-direction:column;gap:8px}.about-check-list li{font-size:.95rem;padding:6px 0}.level-cards{display:flex;gap:14px;margin:16px 0;flex-wrap:wrap}.level-card-about{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;border:2px solid var(--border);background:var(--bg-white);flex:1;min-width:120px}.level-card-about:hover{border-color:var(--primary);background:var(--primary);color:#fff;transform:translateY(-2px)}.level-card-about strong{font-size:.9rem}.about-goal{background:var(--secondary-light);padding:24px;border-radius:var(--radius-lg)}.about-cta-text{font-size:1.05rem;font-weight:600;margin-bottom:16px!important}.btn-start{display:inline-block;background:var(--primary);color:#fff;padding:12px 32px;border-radius:99px;font-weight:700;font-size:1rem}.btn-lc-next:hover,.btn-start:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(37,99,235,.3)}.privacy-section h2{font-size:1.05rem;font-weight:700;color:var(--primary);margin-bottom:10px}.privacy-section p{font-size:.92rem;color:var(--text-main);line-height:1.8;margin-bottom:10px}.privacy-section a{color:var(--primary);text-decoration:underline}.privacy-list{margin:10px 0 12px;display:flex;flex-direction:column;gap:8px}.privacy-list li{font-size:.9rem;color:var(--text-main);padding:8px 14px;background:var(--bg-light);border-radius:var(--radius-sm);border-left:3px solid var(--primary-light);line-height:1.6}.privacy-back{margin-top:24px}.contact-email-box{background:var(--primary-light);border-radius:var(--radius-lg);padding:28px 20px;text-align:center;border:2px solid var(--border);margin:20px 0}.contact-email-icon{font-size:2.5rem;margin-bottom:8px}.contact-email-label{font-size:.78rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.contact-email-link{font-size:1.1rem;font-weight:800;color:var(--primary);text-decoration:none;border-bottom:2px solid var(--primary);padding-bottom:2px;transition:opacity .2s}.contact-email-link:hover{opacity:.7}.level-complete{display:none;padding:40px 24px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border);margin-bottom:32px;position:relative;overflow:hidden}.lc-emoji,.level-complete.show{display:block}.level-complete::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#2563eb,#059669,#f59e0b,#dc2626,#7c3aed)}.lc-emoji{font-size:4rem;margin-bottom:12px;animation:.6s bounceIn}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.lc-title{font-size:1.6rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.lc-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-light);color:#92400e;font-weight:700;font-size:.9rem;padding:8px 20px;border-radius:99px;margin-bottom:28px}.lc-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.btn-lc-next,.btn-lc-repeat{align-items:center;gap:8px;border-radius:99px;font-size:1rem;display:inline-flex;font-weight:700;text-decoration:none;transition:all var(--transition);cursor:pointer}.btn-lc-next{background:var(--primary);color:#fff;padding:13px 32px;border:none}.btn-lc-repeat{background:0 0;color:var(--primary);padding:13px 28px;border:2px solid var(--primary)}.btn-lc-share{display:inline-flex;align-items:center;gap:6px;background:#25d366;color:#fff;padding:10px 20px;border-radius:99px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all var(--transition);border:none;cursor:pointer}.btn-lc-share:hover{background:#128c7e;color:#fff;transform:translateY(-1px)}.lc-all-done{padding:20px;background:linear-gradient(135deg,var(--primary-light),var(--secondary-light));border-radius:var(--radius-lg);margin-bottom:20px}.lc-all-done p{font-size:.95rem;color:var(--text-main);line-height:1.7}.lc-stars{font-size:1.8rem;letter-spacing:4px;margin-bottom:12px;display:block}.confetti-piece{position:fixed;width:10px;height:10px;border-radius:2px;animation:linear forwards confettiFall;z-index:9999;pointer-events:none}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}.error-404-wrap{padding:80px 20px}.error-404-number{font-size:7rem;font-weight:900;color:var(--primary);line-height:1;margin-bottom:12px}.error-404-title{font-size:1.8rem;font-weight:700;color:var(--text-main);margin-bottom:12px}.error-404-msg{font-size:1rem;color:var(--text-muted);margin-bottom:32px;line-height:1.7}.error-404-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}