@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%}}}:root{--deep-teal:#0d4f5c;--persian-teal:#1a7a8a;--light-teal:#2aa8bb;--gold:#c8922a;--gold-light:#e8b84b;--gold-pale:#f5e6c0;--deep-navy:#0a2433;--cream:#faf6ef;--parchment:#f2ead8;--warm-white:#fffdf8;--text-dark:#1c2b30;--text-mid:#3d5a63;--text-light:#6b8a92;--border:#d4c5a0;--error:#dc2626;--success:#059669;--font-serif:"Lora", "Playfair Display", Georgia, serif;--font-display:"Playfair Display", serif;--font-sans:"Inter", system-ui, sans-serif;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:36px;--spacing-2xl:48px;--spacing-3xl:60px;--spacing-4xl:80px;--radius-none:0px;--radius-sm:2px;--radius-md:4px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--shadow-book:0 20px 40px #0d4f5c26}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-serif);background:var(--cream);color:var(--text-dark);-webkit-font-smoothing:antialiased;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:52px}h2{font-size:38px}h3{font-size:28px}h4{font-size:20px}h5{font-size:16px}h6{font-size:14px}p{margin-bottom:var(--spacing-lg);font-size:16px;line-height:1.8}a{color:var(--persian-teal);text-decoration:none;transition:color .3s}a:hover{color:var(--gold-light)}nav{background:var(--deep-navy);padding:0 var(--spacing-3xl);border-bottom:3px solid var(--gold);z-index:1000;justify-content:space-between;align-items:center;height:74px;display:flex;position:sticky;top:0}.nav-logo{align-items:center;gap:var(--spacing-md);text-decoration:none;display:flex}.logo-emblem{justify-content:center;align-items:center;width:46px;height:46px;font-size:28px;display:flex}.nav-logo-text{line-height:1.2}.nav-logo-en{font-family:var(--font-display);color:var(--gold-light);letter-spacing:.5px;font-size:17px;font-weight:700;display:block}.nav-logo-ar{color:#ffffff80;font-size:14px;font-family:var(--font-serif);font-style:italic;display:block}.nav-links{gap:var(--spacing-2xl);list-style:none;display:flex}.nav-links a{color:#fffc;font-family:var(--font-sans);letter-spacing:.3px;padding-bottom:var(--spacing-xs);font-size:15px;font-weight:400;position:relative}.nav-links a:after{content:"";background:var(--gold-light);transform-origin:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a.active{color:var(--gold-light)}.nav-links a:hover:after,.nav-links a.active:after{transform-origin:0;transform:scaleX(1)}.mobile-menu-overlay{z-index:39;cursor:default;background:0 0;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{z-index:40;pointer-events:none;flex-direction:column;align-items:center;width:100%;padding:16px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards slideDown;display:flex;position:fixed;top:70px;left:0;right:0}.mobile-menu>*{pointer-events:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-nav{background:linear-gradient(135deg, var(--deep-navy) 0%, var(--deep-teal) 100%);border:2px solid var(--gold);border-radius:8px;flex-direction:column;width:100%;max-width:280px;height:auto;display:flex;overflow:hidden;box-shadow:0 12px 40px #0009}.mobile-nav-item{color:#ffffffd9;font-family:var(--font-serif);letter-spacing:.6px;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:1px solid #c8922a26;padding:16px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s,transform .2s;display:block;position:relative}.mobile-nav-item:last-child{border-bottom:none}.mobile-nav-item:hover,.mobile-nav-item:active{color:var(--gold-light);transform:translate(2px)}.btn-primary{align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);color:var(--deep-navy);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;letter-spacing:.5px;border:none;padding:16px 36px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #c8922a66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c8922a80}.btn-secondary{align-items:center;gap:var(--spacing-sm);color:#fffc;border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;margin-left:var(--spacing-md);background:0 0;border:1px solid #ffffff40;padding:16px 36px;font-size:15px;font-weight:400;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--gold);color:var(--gold-light)}.btn-book{background:var(--deep-teal);color:#fff;text-align:center;width:100%;font-family:var(--font-sans);cursor:pointer;letter-spacing:.5px;border:none;padding:13px;font-size:14px;font-weight:500;text-decoration:none;transition:background .3s;display:block}.btn-book:hover{background:var(--persian-teal)}.btn-book.disabled{color:#9ca3af;cursor:not-allowed;background:#d1d5db}.btn-back{align-items:center;gap:var(--spacing-sm);color:#ffffffb3;font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:1px solid #ffffff26;padding:8px 14px;font-size:13px;transition:all .3s;display:flex}.btn-back:hover{color:var(--gold-light);border-color:var(--gold)}.icon-btn{color:#ffffffb3;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:var(--font-sans);background:#ffffff12;border:1px solid #ffffff1f;padding:8px 14px;transition:all .3s;display:none!important}.icon-btn:hover{border-color:var(--gold);color:var(--gold-light)}.section{padding:var(--spacing-4xl) var(--spacing-3xl)}.section-cream{background:var(--cream)}.section-parchment{background:var(--parchment)}.section-white{background:var(--warm-white)}.section-dark{background:var(--deep-navy)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-ornament{justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.ornament-line{background:var(--gold);width:60px;height:1px}.ornament-diamond{background:var(--gold);width:8px;height:8px;transform:rotate(45deg)}.section-eyebrow{font-family:var(--font-sans);color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:var(--spacing-lg);font-size:11px;font-weight:600}.section-title{font-family:var(--font-display);color:var(--deep-teal);margin-bottom:var(--spacing-lg);font-size:38px;font-weight:700}.section-title.light{color:#fff}.section-subtitle{color:var(--text-mid);max-width:580px;margin:0 auto;font-size:17px;font-style:italic;line-height:1.8}.section-subtitle.light{color:#fff9}.hero{background:var(--deep-navy);padding:100px var(--spacing-3xl) 90px;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;min-height:600px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(to bottom, transparent, var(--gold), var(--gold-light), var(--gold), transparent);width:4px;position:absolute;top:0;bottom:0;left:0}.hero-geo-bg{opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='%23c8922a' stroke-width='0.8'%3E%3Cpolygon points='60,5 80,20 95,45 95,75 80,100 60,115 40,100 25,75 25,45 40,20'/%3E%3Cpolygon points='60,20 75,30 85,50 85,70 75,90 60,100 45,90 35,70 35,50 45,30'/%3E%3Ccircle cx='60' cy='60' r='20'/%3E%3Ccircle cx='60' cy='60' r='8'/%3E%3Cline x1='60' y1='5' x2='60' y2='0'/%3E%3Cline x1='95' y1='45' x2='120' y2='30'/%3E%3Cline x1='95' y1='75' x2='120' y2='90'/%3E%3Cline x1='60' y1='115' x2='60' y2='120'/%3E%3Cline x1='25' y1='75' x2='0' y2='90'/%3E%3Cline x1='25' y1='45' x2='0' y2='30'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-text{z-index:1;position:relative}.hero-bismillah{color:var(--gold-light);margin-bottom:var(--spacing-lg);opacity:.9;font-size:32px;display:block}.hero-eyebrow{font-family:var(--font-sans);color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-md);font-size:12px;font-weight:500;display:flex}.hero-eyebrow:before,.hero-eyebrow:after{content:"";background:var(--gold);flex:1;max-width:40px;height:1px}.hero h1{color:#fff;margin-bottom:var(--spacing-lg);font-size:52px;font-weight:700;line-height:1.15}.hero h1 span{color:var(--gold-light)}.hero-sub{color:#ffffffa6;max-width:480px;margin-bottom:var(--spacing-2xl);font-family:Lora,serif;font-size:18px;font-style:italic;line-height:1.8}.hero-illustration{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.features-grid{background:var(--border);border:2px solid var(--border);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.feature-card{background:var(--warm-white);padding:40px 36px;transition:all .4s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--gold-light));height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{background:var(--deep-teal)}.feature-card:hover .feature-title{color:#fff}.feature-card:hover .feature-text{color:#ffffffb3}.feature-card:hover .feature-icon-wrap{background:#ffffff1a;border-color:#fff3}.feature-card:hover .feature-icon-wrap svg path,.feature-card:hover .feature-icon-wrap svg circle{stroke:var(--gold-light)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);width:52px;height:52px;margin-bottom:var(--spacing-lg);background:var(--cream);justify-content:center;align-items:center;transition:all .4s;display:flex}.feature-title{font-family:var(--font-display);color:var(--deep-teal);margin-bottom:var(--spacing-sm);font-size:18px;font-weight:600;transition:color .4s}.feature-text{color:var(--text-mid);font-size:14px;line-height:1.7;transition:color .4s}.books-grid{gap:var(--spacing-2xl);grid-template-columns:repeat(3,1fr);display:grid}.book-card{background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .4s;overflow:hidden}.book-card:hover{box-shadow:var(--shadow-book);border-color:var(--gold);transform:translateY(-8px)}.book-cover-area{flex-direction:column;justify-content:center;align-items:center;height:240px;padding:30px;display:flex;position:relative;overflow:hidden}.book-cover-girls{background:linear-gradient(160deg,#2d4a6e 0%,#1a3358 50%,#0f2245 100%)}.book-cover-boys{background:linear-gradient(160deg,#1a5c4a 0%,#0f3d2e 50%,#07261a 100%)}.book-cover-young{background:linear-gradient(160deg,#5a3220 0%,#3d2010 50%,#270e04 100%)}.book-cover-ramadan{background:linear-gradient(160deg,#2a1f5c 0%,#1a1240 50%,#0f0928 100%)}.book-cover-prayer{background:linear-gradient(160deg,#0d4f5c 0%,#083640 50%,#041f26 100%)}.book-cover-teens{background:linear-gradient(160deg,#3d2a5c 0%,#281840 50%,#160d26 100%)}.book-cover-area:before{content:"";pointer-events:none;border:1px solid #c8922a66;position:absolute;inset:10px}.book-cover-area:after{content:"";pointer-events:none;border:1px solid #c8922a26;position:absolute;inset:15px}.book-cover-art{z-index:1;width:min(150px,72%);height:auto;position:relative}.book-status{background:var(--gold);color:var(--deep-navy);font-size:10px;font-family:var(--font-sans);letter-spacing:1.5px;text-transform:uppercase;z-index:3;padding:5px 11px;font-weight:700;position:absolute;top:14px;right:14px}.book-status.soon{color:#ffffffb3;background:#ffffff26;border:1px solid #fff3}.book-info-area{padding:26px 28px}.book-age{font-family:var(--font-sans);color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--spacing-sm);align-items:center;gap:var(--spacing-sm);font-size:11px;font-weight:600;display:flex}.book-age:before{content:"—"}.book-card-title{font-family:var(--font-display);color:var(--deep-teal);margin-bottom:var(--spacing-sm);font-size:20px;font-weight:700}.book-card-desc{color:var(--text-mid);margin-bottom:var(--spacing-lg);font-size:14px;line-height:1.7}.book-topics-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.topic-chip{border:1px solid var(--border);font-size:11px;font-family:var(--font-sans);color:var(--text-mid);border-radius:var(--radius-sm);padding:4px 12px}.cta-band{background:linear-gradient(135deg, var(--deep-teal) 0%, var(--deep-navy) 100%);padding:var(--spacing-4xl) var(--spacing-3xl);text-align:center;position:relative;overflow:hidden}.cta-band:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='none' stroke='%23c8922a' stroke-width='0.4' opacity='0.2'%3E%3Ccircle cx='30' cy='30' r='25'/%3E%3Ccircle cx='30' cy='30' r='15'/%3E%3Ccircle cx='30' cy='30' r='5'/%3E%3Cline x1='30' y1='5' x2='30' y2='55'/%3E%3Cline x1='5' y1='30' x2='55' y2='30'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.cta-band h2{font-family:var(--font-display);color:#fff;margin-bottom:var(--spacing-md);z-index:1;font-size:40px;position:relative}.cta-band p{color:#ffffffa6;margin-bottom:var(--spacing-2xl);z-index:1;font-size:18px;font-style:italic;position:relative}footer{background:var(--deep-navy);padding:var(--spacing-4xl) var(--spacing-3xl) 30px;border-top:3px solid var(--gold)}.footer-grid{gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand p{color:#ffffff80;max-width:280px;margin-top:16px;font-size:14px;line-height:1.8}footer h4{font-family:var(--font-sans);color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:var(--spacing-lg);font-size:11px;font-weight:600}footer ul{list-style:none}footer li{margin-bottom:var(--spacing-sm)}footer a{color:#ffffff80;font-size:14px;text-decoration:none;transition:color .3s}footer a:hover{color:var(--gold-light)}.footer-bottom{padding-top:var(--spacing-lg);color:#ffffff4d;font-size:13px;font-family:var(--font-sans);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.reader-nav{background:var(--deep-navy);border-bottom:3px solid var(--gold);z-index:100;justify-content:space-between;align-items:center;padding:14px 40px;display:flex;position:sticky;top:74px}.reader-nav-left{align-items:center;gap:var(--spacing-lg);display:flex}.reader-book-title{font-family:var(--font-display);color:var(--gold-light);font-size:17px;font-style:italic}.reader-nav-right{gap:var(--spacing-sm);display:flex}.reading-progress{z-index:99;background:#c8922a33;height:3px;position:sticky;top:133px}.reading-progress-bar{background:linear-gradient(90deg, var(--gold), var(--gold-light));width:38%;height:100%;transition:width .3s}.reader-layout{flex:1;grid-template-columns:250px 1fr;width:100%;max-width:1300px;min-height:0;margin:0 auto;display:grid}.toc-panel{background:var(--deep-navy);border-right:2px solid var(--gold);height:calc(100vh - 136px);min-height:100vh;padding:32px 20px;position:sticky;top:136px;overflow-y:auto}.toc-panel h3{font-family:var(--font-display);color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);align-items:center;gap:var(--spacing-sm);border-bottom:1px solid #c8922a4d;font-size:13px;font-weight:600;display:flex}.toc-items{list-style:none}.toc-item{margin-bottom:4px}.toc-link{color:#ffffff80;font-size:13px;font-family:var(--font-serif);border-radius:var(--radius-sm);border-left:2px solid #0000;padding:10px 14px;line-height:1.4;text-decoration:none;transition:all .3s;display:block}.toc-link:hover{color:var(--gold-light);border-left-color:var(--gold);background:#c8922a14}.toc-link.active{color:var(--gold-light);border-left-color:var(--gold-light);background:#c8922a1f}.toc-link.done{color:#ffffff59}.toc-link.done:before{content:"✓ ";color:var(--gold)}.manuscript-content{background:#f5edd8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' opacity='0.015'%3E%3Ccircle cx='200' cy='200' r='180' fill='none' stroke='%23000' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='140' fill='none' stroke='%23000' stroke-width='0.5'/%3E%3C/svg%3E");padding:0}.chapter-wrapper{max-width:780px;margin:0 auto;padding:70px 80px}.bismillah-display{color:var(--deep-teal);text-align:center;margin-bottom:var(--spacing-sm);opacity:.85;font-size:42px;line-height:1.4;display:block}.illuminated-border{margin:var(--spacing-lg) 0;align-items:center;gap:0;display:flex}.border-line{background:linear-gradient(90deg, transparent, var(--gold), transparent);flex:1;height:1px}.border-diamond{background:var(--gold);width:10px;height:10px;margin:0 var(--spacing-sm);flex-shrink:0;transform:rotate(45deg)}.border-dot{background:var(--gold-light);border-radius:50%;width:5px;height:5px;margin:0 6px}.chapter-num{font-family:var(--font-display);color:var(--gold);letter-spacing:4px;text-transform:uppercase;text-align:center;margin-bottom:var(--spacing-md);font-size:11px;font-weight:700}.chapter-medallion{width:100px;height:100px;margin:0 auto var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative}.medallion-outer{border:2px solid var(--gold);border-radius:50%;position:absolute;inset:0}.medallion-inner{border:1px solid #c8922a66;border-radius:50%;position:absolute;inset:8px}.medallion-icon{z-index:1;font-size:44px;position:relative}.chapter-title-main{font-family:var(--font-display);color:var(--deep-teal);text-align:center;margin-bottom:8px;font-size:38px;font-weight:700;line-height:1.2}.chapter-title-sub{color:var(--text-mid);text-align:center;margin-bottom:var(--spacing-lg);font-size:16px;font-style:italic}.drop-cap:first-letter{float:left;font-family:var(--font-display);padding-right:var(--spacing-sm);padding-top:var(--spacing-sm);color:var(--gold);font-size:72px;font-weight:700;line-height:.75}.ms-h2{font-family:var(--font-display);color:var(--deep-teal);margin:var(--spacing-2xl) 0 var(--spacing-md);padding-left:var(--spacing-md);border-left:3px solid var(--gold);font-size:24px;font-weight:700}.ms-h3{font-family:var(--font-display);color:var(--persian-teal);margin:var(--spacing-2xl) 0 var(--spacing-sm);font-size:19px;font-weight:600}.ms-p{color:#2c3a3f;margin-bottom:var(--spacing-md);text-align:justify;font-size:17px;line-height:1.9;font-family:var(--font-serif)}.ruling-box{border:1px solid var(--gold);border-top:4px solid var(--gold);padding:var(--spacing-lg) 32px;margin:var(--spacing-lg) 0;background:#c8922a0d;position:relative}.ruling-box:before{content:"✦";color:var(--gold);padding:0 var(--spacing-sm);background:#f5edd8;font-size:18px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.ruling-box h4{font-family:var(--font-display);color:var(--deep-teal);margin-bottom:var(--spacing-sm);font-size:16px;font-weight:700}.ruling-box p,.ruling-box li{color:#2c3a3f;font-size:16px;line-height:1.8;font-family:var(--font-serif)}.ruling-box ul{margin-left:var(--spacing-lg);margin-top:var(--spacing-sm)}.wisdom-panel{background:var(--deep-teal);color:#fff;padding:var(--spacing-2xl) var(--spacing-2xl);margin:var(--spacing-2xl) 0;text-align:center;position:relative}.wisdom-panel:before,.wisdom-panel:after{content:"";background:#c8922a66;height:1px;position:absolute;left:10px;right:10px}.wisdom-panel:before{top:10px}.wisdom-panel:after{bottom:10px}.wisdom-text{font-family:var(--font-serif);color:#fff;margin-bottom:var(--spacing-sm);font-size:19px;font-style:italic;line-height:1.7}.wisdom-source{font-family:var(--font-sans);color:var(--gold-light);letter-spacing:1.5px;text-transform:uppercase;font-size:12px}.tip-scroll{border:1px solid var(--border);border-left:4px solid var(--light-teal);padding:var(--spacing-lg) var(--spacing-lg);margin:var(--spacing-lg) 0;background:#fdf6e3}.tip-scroll h4{font-family:var(--font-display);color:var(--persian-teal);margin-bottom:var(--spacing-sm);align-items:center;gap:var(--spacing-sm);font-size:16px;display:flex}.tip-scroll p,.tip-scroll li{color:#2c3a3f;font-size:15px;line-height:1.8;font-family:var(--font-serif)}.tip-scroll ul{margin-left:var(--spacing-lg);margin-top:var(--spacing-sm)}.ms-checklist{padding:var(--spacing-lg) 32px;margin:var(--spacing-lg) 0;background:#0d4f5c0a;border:1px solid #0d4f5c26}.ms-checklist h4{font-family:var(--font-display);color:var(--deep-teal);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid #0d4f5c26;font-size:18px}.page-header{background:linear-gradient(160deg, var(--deep-navy) 0%, var(--deep-teal) 100%);padding:70px var(--spacing-3xl);border-bottom:3px solid var(--gold);position:relative;overflow:hidden}.page-header:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23c8922a' stroke-width='0.5' opacity='0.12'%3E%3Cpolygon points='40,5 55,15 55,35 40,45 25,35 25,15'/%3E%3Ccircle cx='40' cy='25' r='4'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.page-header-ornament{z-index:1;justify-content:flex-start;margin-bottom:12px;position:relative}.ornament-line-short{max-width:30px}.page-header h1{font-family:var(--font-display);color:#fff;z-index:1;margin-bottom:12px;font-size:44px;position:relative}.page-header p{color:#fff9;z-index:1;max-width:560px;font-size:17px;font-style:italic;position:relative}.filter-bar{background:var(--warm-white);padding:22px var(--spacing-3xl);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.filter-pills{flex-wrap:wrap;gap:10px;display:flex}.filter-pill{border:1px solid var(--border);color:var(--text-mid);font-family:var(--font-sans);cursor:pointer;letter-spacing:.5px;background:0 0;padding:8px 18px;font-size:12px;font-weight:500;transition:all .3s}.filter-pill.active,.filter-pill:hover{background:var(--deep-teal);border-color:var(--deep-teal);color:#fff}.sort-group{align-items:center;gap:var(--spacing-md);display:flex}.sort-label{font-family:var(--font-sans);color:var(--text-mid);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:600}.sort-select{border:1px solid var(--border);color:var(--text-mid);font-family:var(--font-sans);cursor:pointer;background:#fff;padding:8px 14px;font-size:12px;transition:all .3s}.sort-select:hover{border-color:var(--gold)}.sort-select:focus{border-color:var(--gold);background:#c8922a05;outline:none}.books-grid-section{background:var(--parchment);padding:var(--spacing-3xl)}.books-grid{gap:var(--spacing-2xl);grid-template-columns:repeat(3,1fr);max-width:1400px;margin:0 auto;display:grid}.books-grid-6{gap:32px}@media (max-width:1200px){.books-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{align-items:flex-start}.sort-group{margin-left:auto}}@media (max-width:768px){.page-header{padding:50px var(--spacing-lg)}.page-header h1{font-size:36px}.filter-bar{padding:var(--spacing-lg)}.filter-pills{width:100%}.filter-pill{flex:auto}.sort-group{justify-content:space-between;width:100%}.books-grid-section{padding:var(--spacing-2xl) var(--spacing-lg)}.books-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.book-card{max-width:100%}}.ms-checklist-item{padding:var(--spacing-md) 0;gap:var(--spacing-md);border-bottom:1px solid #0d4f5c14;align-items:flex-start;display:flex}.ms-checklist-item:last-child{border-bottom:none}.check-num{border:1px solid var(--gold);width:28px;height:28px;font-family:var(--font-display);color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.check-content strong{font-family:var(--font-display);color:var(--deep-teal);margin-bottom:4px;font-size:16px;display:block}.check-content p{color:var(--text-mid);font-size:14px;line-height:1.7;font-family:var(--font-serif)}.ms-divider{text-align:center;margin:var(--spacing-3xl) 0;color:var(--gold);letter-spacing:var(--spacing-lg);opacity:.6;font-size:20px}.chapter-nav-footer{margin-top:var(--spacing-4xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.ch-nav-btn{align-items:center;gap:var(--spacing-sm);background:var(--deep-teal);color:#fff;font-family:var(--font-serif);cursor:pointer;border:none;padding:14px 28px;font-size:14px;font-style:italic;transition:all .3s;display:flex}.ch-nav-btn:hover{background:var(--persian-teal)}.ch-nav-btn:disabled{color:#9ca3af;cursor:not-allowed;background:#d1d5db}.ch-nav-progress{text-align:center;font-family:var(--font-sans);color:var(--text-light);letter-spacing:1px;text-transform:uppercase;font-size:12px}.ch-nav-progress span{color:var(--gold);font-weight:600}@media (max-width:768px){:root{--spacing-3xl:40px;--spacing-4xl:60px}nav{padding:0 var(--spacing-lg);height:60px}.icon-btn{display:block!important}.nav-links{gap:var(--spacing-lg);display:none}.nav-links a{font-size:13px}.hero{padding:60px var(--spacing-lg);grid-template-columns:1fr}.features-grid,.books-grid{grid-template-columns:1fr}.footer-grid{gap:var(--spacing-2xl);grid-template-columns:1fr}.section,.chapter-wrapper{padding:var(--spacing-2xl) var(--spacing-lg)}.reader-layout{grid-template-columns:1fr}.toc-panel{display:none}.mobile-menu{top:60px}.mobile-menu-link{padding:14px 20px;font-size:15px}.mobile-menu-link:hover{padding-left:24px}}@media (max-width:480px){h1{font-size:36px}h2{font-size:28px}.hero h1{font-size:36px}.section-title{font-size:28px}.book-cover-art{width:min(140px,70%)}.chapter-medallion{width:80px;height:80px}.medallion-icon{font-size:36px}.chapter-title-main{font-size:28px}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-50:#fffbeb;--color-amber-500:#f99c00;--color-amber-700:#b75000;--color-yellow-100:#fef9c2;--color-sky-100:#dff2fe;--color-blue-50:#eff6ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-pink-50:#fdf2f8;--color-pink-100:#fce7f3;--color-pink-500:#f6339a;--color-pink-600:#e30076;--color-gray-300:#d1d5db;--color-gray-700:#4b5563;--spacing:.25rem;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary-emerald:#059669;--color-primary-teal:#14b8a6;--color-primary-gold:#d97706;--color-primary-orange:#f59e0b;--color-hero-gradient-blue:#e0f2fe;--color-hero-gradient-cream:#fef3c7;--color-cream:#fef9f3;--color-dark-gray:#1f2937;--color-gray-600-custom:#6b7280;--color-girls-primary:#ec4899;--color-girls-secondary:#f472b6;--color-boys-primary:#3b82f6;--color-boys-secondary:#60a5fa;--color-kids-primary:#f59e0b;--color-kids-secondary:#fbbf24;--color-teens-primary:#06b6d4;--color-teens-secondary:#22d3ee;--color-all-primary:#8b5cf6;--color-all-secondary:#a78bfa;--font-family-primary:Georgia, "Times New Roman", serif;--font-family-secondary:"Segoe UI", Roboto, sans-serif}@supports (color:lab(0% 0 0)){:root,:host{--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-sky-100:lab(94.3709% -4.56053 -8.23453);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-pink-50:lab(96.4459% 4.53997 -1.49434);--color-pink-100:lab(93.5864% 9.01193 -3.15079);--color-pink-500:lab(56.9303% 76.8162 -8.07021);--color-pink-600:lab(49.5493% 79.8381 2.31768)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-amber-500{border-color:var(--color-amber-500)}.border-blue-500{border-color:var(--color-blue-500)}.border-pink-500{border-color:var(--color-pink-500)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:var(--color-amber-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-50{--tw-gradient-from:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-100{--tw-gradient-to:var(--color-pink-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-100{--tw-gradient-to:var(--color-sky-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-100{--tw-gradient-to:var(--color-yellow-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.text-amber-700{color:var(--color-amber-700)}.text-blue-600{color:var(--color-blue-600)}.text-pink-600{color:var(--color-pink-600)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.islamic-primary{background-color:var(--color-primary-emerald);color:#fff}.islamic-accent{background-color:var(--color-primary-teal);color:#fff}.islamic-gold{background-color:var(--color-primary-gold);color:#fff}.islamic-cream{background-color:var(--color-cream);color:var(--color-dark-gray)}.islamic-gray{background-color:var(--color-dark-gray);color:#fff}.islamic-light-gray{background-color:var(--color-gray-300);color:var(--color-gray-600-custom)}.font-islamic-primary{font-family:var(--font-family-primary)}.font-islamic-secondary{font-family:var(--font-family-secondary)}.text-primary-emerald{color:var(--color-primary-emerald)}.text-primary-emerald-font{color:var(--color-primary-emerald);font-family:var(--font-family-primary)}.text-cream{color:var(--color-cream)}.text-gray-700{color:var(--color-gray-700)}.text-gray-600-custom{color:var(--color-gray-600-custom)}.text-gray-300-custom{color:#d1d5db}.text-gray-400-custom{color:#9ca3af}.text-primary-gold{color:var(--color-primary-gold)}.bg-header{background:linear-gradient(135deg, var(--color-primary-emerald) 0%, var(--color-primary-teal) 100%)}.bg-hero{background:linear-gradient(135deg, var(--color-primary-emerald) 0%, var(--color-cream) 100%)}.bg-emerald-soft{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.bg-button-primary{background:linear-gradient(135deg, var(--color-primary-gold) 0%, var(--color-primary-orange) 100%)}.bg-book-cover-girls{background:linear-gradient(135deg, var(--color-girls-primary) 0%, var(--color-girls-secondary) 100%)}.bg-book-cover-boys{background:linear-gradient(135deg, var(--color-boys-primary) 0%, var(--color-boys-secondary) 100%)}.bg-book-cover-kids{background:linear-gradient(135deg, var(--color-kids-primary) 0%, var(--color-kids-secondary) 100%)}.bg-book-cover-teens{background:linear-gradient(135deg, var(--color-teens-primary) 0%, var(--color-teens-secondary) 100%)}.bg-book-cover-all{background:linear-gradient(135deg, var(--color-all-primary) 0%, var(--color-all-secondary) 100%)}.book-age-badge-girls{color:var(--color-girls-primary);background:#fce7f3}.book-age-badge-boys{color:var(--color-boys-primary);background:#dbeafe}.book-age-badge-kids{color:var(--color-kids-primary);background:#fef3c7}.book-age-badge-teens{color:var(--color-teens-primary);background:#cffafe}.book-age-badge-all{color:var(--color-all-primary);background:#f3e8ff}.explore-books-btn,.feature-card{transition:transform .3s,box-shadow .3s}.book-card{transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px #0000001a}.explore-books-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #d9770666}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #0000001a}.book-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.bg-hero-image-gradient{background:linear-gradient(135deg, var(--color-hero-gradient-blue) 0%, var(--color-hero-gradient-cream) 100%)}.nav-hover-gold{transition:color .2s,opacity .2s;position:relative}.nav-hover-gold:hover{color:var(--color-primary-gold);opacity:.85}.nav-hover-gold:after{content:"";background:var(--color-primary-gold);opacity:0;border-radius:2px;width:100%;height:3px;transition:opacity .2s;display:block;position:absolute;bottom:-4px;left:0}.nav-hover-gold:hover:after{opacity:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}