:root{--navy:#244d68;--blue:#2e6f89;--cyan:#278579;--pink:#b8734f;--gold:#d6a95b;--olive:#6f853d;--brown:#735a43;--ink:#3d4b48;--soft:#f6f2e9;--paper:#fbfaf6}
html{background:var(--paper)}body{font-family:"Cairo",sans-serif;background:linear-gradient(#fff,#fbfaf6 24%,#f5f1e9);color:var(--ink)}h1,h2,h3,h4,.brand b,.official-copy b{font-family:"Noto Kufi Arabic","Cairo",sans-serif}
.official-head{min-height:115px;display:flex;align-items:center;justify-content:space-between;padding:15px max(5vw,30px);background:#fff;border-bottom:1px solid #e5ded1;position:relative}.official-head:after{content:"";position:absolute;bottom:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#2d736e,#92a254,#d9af69,#80654e)}.official-copy{display:flex;flex-direction:column;gap:3px;color:#4c5d58;line-height:1.55}.official-copy b{font-size:19px;color:#315f68}.official-copy span:last-child{font-weight:800;color:#775d45}.ministry-logo{width:150px;height:82px;object-fit:contain;mix-blend-mode:multiply;border-radius:10px}
.topbar{height:80px;max-width:1240px;margin:auto;padding:0 24px;background:#fffdf9;box-shadow:0 7px 22px #624e3910;border-bottom:1px solid #eee8dc;top:0}.brand-mark{width:48px;height:48px;border-radius:13px 25px 13px 25px;background:linear-gradient(145deg,#338c81,#22576b);box-shadow:0 8px 18px #315e5930}.brand b{color:#315966;font-size:25px}.brand small{color:#7c8077}.topbar nav{background:#f3efe5;border:1px solid #e7dfd0;border-radius:14px;padding:5px;gap:3px}.topbar nav a{padding:8px 14px;border-radius:10px;color:#566861}.topbar nav a:hover{background:#fff;color:#27786f;box-shadow:0 4px 12px #59483210}.profile{background:#f4f7e9;border:1px solid #dce4bd;color:#53652f}
.hero{min-height:0;max-width:1240px;margin:22px auto 0;border-radius:28px;overflow:hidden;display:grid;grid-template-rows:260px auto;background:#f7f1e6;box-shadow:0 24px 55px #5d4b351c;border:1px solid #e8decc}.hero>img{position:relative;inset:auto;grid-row:1;width:100%;height:260px;object-fit:cover;border-radius:0;border-bottom:1px solid #e2d6c2}.hero:after{display:none}.hero-copy{grid-row:2;width:100%;margin:0;padding:40px 55px 46px;color:#3f504c;background:radial-gradient(circle at 10% 20%,#f4e8cf 0,transparent 22%),linear-gradient(110deg,#fffdf8,#f6f0e3)}.eyebrow{background:#e7f1e8;border:1px solid #cbdcc9;color:#58713c;border-radius:18px}.hero h1{font-size:clamp(39px,4.6vw,62px);line-height:1.2;margin:16px 0;color:#315766}.hero h1 em{color:#8a643e;text-shadow:none}.hero p{font-size:18px;line-height:1.9;max-width:720px;color:#5d6d67}.main-cta{background:linear-gradient(135deg,#2d8479,#28647a);color:#fff;border-radius:12px;box-shadow:0 10px 22px #2c716b32}.main-cta:hover{transform:translateY(-3px);background:linear-gradient(135deg,#347f76,#1f5267)}.hero-stats{background:#fff;border:1px solid #e3dacb;border-radius:14px;padding:13px 18px;width:max-content;max-width:100%;box-shadow:0 6px 16px #735b3e0d}.hero-stats span{border-left-color:#d8cdbb;color:#5a6761}.hero-stats b{color:#2b766f}
.section{max-width:1240px;padding:85px 28px}.section-title span{color:#778c43}.section-title h2{color:#315966;font-size:37px}.section-title p{color:#7a7c73}.categories{gap:15px}.cat{min-height:145px;border:1px solid #ded7c9;border-radius:34px 34px 16px 16px;background:#fff;box-shadow:0 10px 24px #5c4b3710;position:relative;overflow:hidden}.cat:before{content:"";position:absolute;top:0;right:0;left:0;height:7px;background:#7a8c48}.cat:hover,.cat.active{transform:translateY(-6px);border-color:#91a46c;box-shadow:0 17px 32px #5c4b3720}.cat i{font-size:39px;filter:drop-shadow(0 5px 7px #4b3d2f20)}.cat.prophets{background:linear-gradient(#f4faf6,#fff)}.cat.prophets:before{background:#4a8b6b}.cat.history{background:linear-gradient(#fcf4e5,#fff)}.cat.history:before{background:#c5964c}.cat.literature{background:linear-gradient(#f8eee5,#fff)}.cat.literature:before{background:#a56f4c}.cat.rhetoric{background:linear-gradient(#edf4f3,#fff)}.cat.rhetoric:before{background:#3d7a80}.cat small{color:#858278}.toolbar{border-top:1px dashed #d4cab9;padding-top:32px}.toolbar h3{color:#315966}.toolbar>div{background:#ece8de;border:1px solid #e1dacd}.level{color:#716c63}.level.active{color:#2d706a}.books{gap:24px}.book{border:1px solid #ded6c8;border-radius:19px;background:#fffdf8;box-shadow:0 13px 30px #58463012}.book:hover{transform:translateY(-7px);box-shadow:0 21px 42px #58463021}.cover{height:205px;font-size:72px}.cover:after{inset:14px;border:2px solid #ffffff87;border-radius:12px}.cover:before{content:"مكتبة مِداد";position:absolute;right:27px;top:24px;color:#fff;font:700 12px "Noto Kufi Arabic";opacity:.9}.cover.prophets{background:linear-gradient(145deg,#5a956d,#2f6f66)}.cover.history{background:linear-gradient(145deg,#d1a253,#997246)}.cover.literature{background:linear-gradient(145deg,#b87a55,#795441)}.cover.rhetoric{background:linear-gradient(145deg,#488a87,#315e73)}.book-content{padding:22px}.book-content small{color:#758940}.book-content h4{color:#3b5e66}.meta{border-top:1px solid #eee8dd;padding-top:12px}.read-btn{background:#eaf3ef;color:#2f756d;border:1px solid #d4e5df;border-radius:10px}.read-btn:hover{background:#337c73;color:#fff}
.challenge{max-width:1185px;border-radius:25px;padding:58px;background:linear-gradient(120deg,#315f69,#367f78);box-shadow:0 22px 45px #345c5625;position:relative;overflow:hidden}.challenge:after{content:"";position:absolute;width:260px;height:260px;border:45px solid #f4dfb711;border-radius:50%;left:-70px;top:-80px}.pink{background:#b0774e}.white-btn{color:#2d6e68;border-radius:11px}.sound-card{border-radius:20px;background:#fffefe18}.wave i{background:#e8c47f}.progress-section{background:#f5f1e8;border:1px solid #e5dccd;border-radius:28px;margin-bottom:70px}.progress-grid article{background:#fff;border:1px solid #e5ddcf}.wide progress{accent-color:#3c877c}footer{background:#304d52;border-top:6px solid #c2a168;color:#fff}.credits b{color:#e7c989}.reader-head{background:linear-gradient(135deg,#315f69,#3e8a7f)}#quiz{background:#fbf4e5}.submit{background:#d8aa5e}.record-status{color:#9f6746}
@media(max-width:1280px){.hero{margin-inline:20px}.topbar{margin-inline:20px}.challenge{margin-inline:28px}}@media(max-width:850px){.hero{grid-template-rows:230px auto;margin-inline:14px}.hero>img{height:230px}.hero-copy{padding:34px 28px}.categories{grid-template-columns:repeat(2,1fr)}.topbar{margin-inline:0}.challenge{margin-inline:18px}}@media(max-width:560px){.official-head{padding:12px 15px;min-height:106px}.official-copy{font-size:11px}.official-copy b{font-size:15px}.ministry-logo{width:105px;height:66px}.hero{grid-template-rows:180px auto;margin:12px 10px 0}.hero>img{height:180px;object-position:center}.hero-copy{padding:28px 22px}.hero h1{font-size:37px}.hero-stats{width:100%}.section{padding-inline:16px}.cat{min-height:132px}.cover{height:190px}.challenge{padding:36px 22px}.progress-section{border-radius:22px}.credits{gap:12px}}