@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Nastaliq+Urdu:wght@400;600&display=swap');
:root{--ink:#142f2b;--muted:#667772;--cream:#f7f7ee;--line:#dce2d7;--green:#235b46;--lime:#e0eea1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}a{color:inherit}header{height:96px;display:flex;align-items:center;justify-content:space-between;max-width:1360px;margin:auto;padding:0 56px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:800;letter-spacing:1px}.mark{font-size:31px;background:var(--ink);color:var(--lime);height:47px;width:47px;text-align:center;border-radius:50%}.brand-sub{display:block;font-size:9px;letter-spacing:2.5px;margin-top:3px}nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;font-size:14px}button{background:transparent;border:1px solid var(--line);padding:10px 17px;border-radius:25px;color:var(--ink)}nav button{border-color:var(--ink)}main{max-width:1360px;margin:auto}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:595px;padding:70px 56px 55px;gap:50px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:20px}h1,h2,h3{font-family:Manrope,sans-serif;margin:0}h1{font-size:clamp(42px,5vw,66px);line-height:1.13;font-weight:600;letter-spacing:-3px}.hero p{font-size:17px;line-height:1.75;max-width:460px;color:var(--muted);margin:25px 0 30px}.primary{display:inline-block;text-decoration:none;background:var(--ink);color:white;padding:17px 27px;border-radius:6px;font-size:14px}.hero-meta{display:flex;gap:35px;margin-top:43px}.hero-meta span{display:flex;flex-direction:column;gap:6px}.hero-meta b{font-size:21px}.hero-meta small{font-size:11px;color:var(--muted)}.art{position:relative;min-height:455px;direction:ltr}.art-circle{width:400px;height:400px;border-radius:50%;background:#e8eddb;position:absolute;top:25px;left:5%}.book{position:absolute;border-radius:3px 10px 10px 3px;box-shadow:12px 22px 30px #142f2b24;display:flex;flex-direction:column;padding:24px;width:215px;height:310px;border-left:8px solid #ffffff22}.book small{font-size:8px;letter-spacing:1px}.book strong{font-size:28px;margin-top:28px}.book span{font-size:16px;margin-top:20px;line-height:1.5}.book i{font-style:normal;margin-top:auto;font-size:40px}.book-a{background:#225840;color:#edf3d7;top:55px;left:5%;transform:rotate(-13deg)}.book-b{background:#f0b553;color:#253f35;top:135px;left:43%;transform:rotate(12deg)}.book-b strong{font-family:'Noto Nastaliq Urdu',serif}.art-label{position:absolute;bottom:8px;width:100%;text-align:center;font-size:9px;letter-spacing:3px}.class-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 56px 38px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}h2{font-size:31px;letter-spacing:-1px;font-weight:600}.class-section h2{font-size:20px;letter-spacing:-.5px}.section-heading>span{font-size:12px;color:var(--muted)}.class-list{display:flex;gap:9px;flex-wrap:wrap}.class-list button{border-radius:7px;padding:13px 17px;background:#fff8;font-size:12px}.class-list button.active{background:var(--ink);color:white;border-color:var(--ink)}.library{padding:65px 56px}.filters{display:flex;gap:10px}.search{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;border:1px solid var(--line);background:#fff;padding:0 15px;border-radius:7px}.search span{font-size:25px}.search input{width:100%;border:0;background:transparent;padding:15px 0;min-width:0}select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:12px;max-width:200px;color:var(--ink)}.filters button{border:0;font-size:12px}.results-bar{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:23px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.card-top{height:142px;position:relative;padding:23px;background:var(--tint);display:flex;flex-direction:column;justify-content:space-between}.card-top .code{font-size:37px;font-family:Manrope;letter-spacing:-2px;font-weight:600}.card-top .mini{font-size:9px;letter-spacing:1.2px}.bookmark{position:absolute;top:14px;right:14px;background:#ffffffbb;border:0;padding:5px 9px;border-radius:50%;font-size:22px;line-height:1.2}.bookmark[aria-pressed=true]{color:#9d3c20}.card-body{padding:19px;display:flex;flex-direction:column;flex:1}.tags{font-size:10px;color:var(--muted);margin-bottom:10px}.card h3{font-size:15px;letter-spacing:-.2px;line-height:1.5;margin-bottom:12px}.details{font-size:10px;color:var(--muted);margin-top:auto;margin-bottom:18px}.actions{display:flex;gap:8px}.actions a,.actions button{flex:1;text-align:center;text-decoration:none;font-size:11px;padding:10px 7px;border-radius:5px}.actions a{background:var(--ink);color:white}.actions button{border:1px solid var(--line)}.more{display:block;margin:27px auto 0;border-radius:6px}.source-note{font-size:11px;line-height:1.8;color:var(--muted);max-width:760px;margin-top:30px}.study{background:var(--ink);color:var(--cream);padding:65px 56px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.study h2{font-size:38px;line-height:1.25}.study p{color:#bbcdc4;font-size:14px;line-height:1.85;max-width:470px}.study-card{background:#ffffff0a;border:1px solid #ffffff27;padding:27px;border-radius:9px}.pill{display:inline-block;font-size:9px;letter-spacing:1.5px;background:var(--lime);color:var(--ink);padding:7px 10px;border-radius:3px}.study-card h3{font-size:22px;margin-top:20px}.study-card ul{padding-left:18px;line-height:2.2;font-size:13px;color:#ccdacd}.coverage{border-top:1px solid #ffffff25;padding-top:15px;display:flex;gap:18px;align-items:center}.coverage b{font-size:22px}.coverage span{font-size:11px;color:#bbcdc4}.about{padding:60px 56px;max-width:900px}.about h2{font-size:25px}.about p{font-size:13px;line-height:1.9;color:var(--muted)}.about a{font-size:12px}.about details{margin-top:24px;font-size:12px;line-height:2}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 56px;max-width:1360px;margin:auto;font-size:11px;color:var(--muted)}footer .brand{font-size:12px;letter-spacing:0}dialog{width:min(1000px,96vw);height:90vh;border:0;border-radius:12px;padding:22px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#102922bb}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head h2{font-size:19px}dialog p,dialog a{font-size:12px}iframe{width:100%;height:calc(100% - 140px);border:1px solid var(--line);margin-bottom:15px}[hidden]{display:none!important}.empty{grid-column:1/-1;padding:50px;text-align:center;border:1px dashed var(--line)}[dir=rtl]{font-family:'Noto Nastaliq Urdu','DM Sans',serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:'Noto Nastaliq Urdu',serif;letter-spacing:0;line-height:1.9}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .hero p{line-height:2.2}[dir=rtl] .bookmark{right:auto;left:14px}
@media(max-width:1000px){header{padding:0 28px}.hero{padding:50px 28px;gap:15px}.art{transform:scale(.85);transform-origin:center}.grid{grid-template-columns:repeat(3,1fr)}.library,.class-section,.about{padding-left:28px;padding-right:28px}.filters{flex-wrap:wrap}.study{padding:45px 28px;gap:35px}.hero-meta{gap:20px}footer{padding:25px 28px}}@media(max-width:700px){header{height:80px;padding:0 20px}.brand{font-size:16px}nav{gap:12px}nav a{display:none}.hero{grid-template-columns:1fr;padding:42px 20px 25px;gap:10px}h1{font-size:49px}.hero p{font-size:15px}.hero-meta{margin-top:30px}.art{min-height:360px;transform:scale(.8);margin-top:-10px;margin-bottom:-30px;max-width:420px;width:100%;justify-self:center}.art-circle{top:0}.book-a{top:20px}.book-b{top:85px}.art-label{bottom:-12px}.class-section,.library,.about{padding:30px 20px}.section-heading{align-items:flex-start}.section-heading>span{display:none}h2{font-size:26px}.class-list{gap:7px}.class-list button{padding:10px 12px}.filters .search{flex-basis:100%}select{flex:1;width:30%;max-width:none;font-size:11px;padding:12px 5px}.filters button{padding:9px}.results-bar>span:last-child{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-top{height:120px;padding:16px}.card-top .code{font-size:30px}.card-body{padding:13px}.card h3{font-size:13px}.actions{flex-wrap:wrap}.actions a,.actions button{min-width:100%}.study{grid-template-columns:1fr;padding:40px 20px;gap:20px}.study h2{font-size:30px}footer{padding:25px 20px;flex-wrap:wrap}footer>span{display:none}.eyebrow{font-size:9px}.hero-copy{max-width:100%}}