@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";h2{font-family:"Noto Serif",serif}h3{font-family:"Noto Serif",serif;letter-spacing:-.02em}.hero-main-title{font-family:Lyon Arabic Display,"Noto Serif",serif;font-weight:500;font-size:clamp(1.2rem,5.5vw,1.5rem);line-height:1.35;letter-spacing:0%;text-align:center;leading-trim:none;width:100%;z-index:10;opacity:1;margin-inline:auto;color:#000}:global(.dark) .hero-main-title{color:#fff}@media(min-width:640px){.hero-main-title{font-size:3rem;line-height:1.15}}@media(min-width:768px){.hero-main-title{font-size:3.75rem;line-height:1.1}}@media(min-width:1024px){.hero-main-title{font-size:4.5rem;line-height:1.05}}.arabic-heading{font-family:Amiri,serif!important;font-size:clamp(2.5rem,8vw,6rem)!important}.arabic-body{font-family:Noto Naskh Arabic,serif!important;font-size:clamp(.9rem,2vw,1.1rem)!important}.hero-container{width:100%;height:auto;overflow:hidden!important;min-height:520px;padding-bottom:60px;padding-left:16px;padding-right:16px;gap:0;opacity:1;border-radius:1rem;border:1px solid var(--Colors-Forest-Green-200, #b2dbb8);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:0 auto}@media(max-width:767px){.hero-container{padding-top:100px;padding-bottom:24px;min-height:auto}}@media(min-width:768px){.hero-container{width:100%;min-height:687px;padding:152px 24px 100px;border-radius:1.2rem;margin-inline:auto!important}}@media(min-width:768px)and (max-width:1024px){.hero-container{padding-top:100px}}.hero-bg{position:absolute;inset:0;z-index:-1;border-radius:1.2rem;background:linear-gradient(180deg,#fefdf9,#e0f5de);backdrop-filter:blur(8px);mask-image:radial-gradient(ellipse at 50% 0%,#000 50%,#00000026);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 50%,rgba(0,0,0,.15) 100%)}.hero-header-wrapper{width:calc(100% - 8px);position:sticky;top:20px;z-index:50;margin:40px 4px -99.9px}.hero-header-wrapper :global(.site-header){max-width:none;width:100%}:global(.dark) .hero-container{border-color:#b2dbb826}:global(.dark) .hero-bg{background:linear-gradient(180deg,#16241a,#0d1a11)}[lang=ar] body{font-family:Noto Naskh Arabic,serif}.cloud-decor{position:absolute;width:clamp(450px,55vw,800px);height:auto;pointer-events:none;z-index:0;opacity:.7;filter:brightness(0) invert(1)}.cloud-decor--left{left:0;top:20%}.cloud-decor--right{right:0;top:10%}@media(max-width:640px){.cloud-decor{display:none}}.hero-badge-pill{max-width:100%;min-height:32px;height:auto;display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding-top:4px!important;padding-bottom:4px!important;padding-inline-start:4px;padding-inline-end:12px;gap:8px;opacity:1;border-radius:9999px;background:var(--Colors-Base-White, #ffffff);border:1px solid var(--Colors-Biege-300, #f0ece6);box-shadow:0 1px 2px #0000000d;margin-bottom:24px;z-index:10}.hero-badge-text{font-size:11px;font-weight:500;color:var(--on-surface-variant, #4c4639);white-space:nowrap}.hero-badge-active{height:24px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding-top:4px;padding-bottom:4px;padding-inline:10px;gap:10px;opacity:1;border-radius:9999px;background:var(--Colors-Forest-Green-100, #e0f5de);border:1px solid var(--Colors-Forest-Green-300, #99cfa0);font-size:10px;font-weight:400;color:#2b5932;white-space:nowrap}:global(.dark) .hero-badge-pill{background:#1c1a16;border-color:#f0ece61a;box-shadow:0 1px 2px #0000004d}:global(.dark) .hero-badge-text{color:#e0dbcf}:global(.dark) .hero-badge-active{background:#99cfa026;border-color:#99cfa04d;color:#a0d9a9}.hero-categories{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-top:32px;max-width:4xl;width:100%;padding-inline:16px;z-index:10}.categories-label{font-family:IBM Plex Sans Arabic,sans-serif;font-weight:500;font-style:normal;font-size:.875rem;line-height:1.25;letter-spacing:0%;text-align:center;vertical-align:middle;color:#111;margin-inline-end:4px}.categories-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.category-pill{flex-shrink:0;font-family:IBM Plex Sans Arabic,sans-serif;font-weight:400;font-style:normal;font-size:.875rem;line-height:1.25;letter-spacing:0%;text-align:center;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:8px 12px;gap:4px;opacity:1;border-radius:9999px;border:1px solid var(--Colors-Grey-200, #e9e9e9);background:var(--Colors-Base-White, #ffffff);color:#111;transition:all .2s ease;white-space:nowrap;text-decoration:none;box-sizing:border-box}.category-pill:hover{border-color:var(--Colors-Forest-Green-800, #0e3d17);background:#e0f5de33;color:#0e3d17}.category-pill.active{background:var(--Colors-Forest-Green-100, #e0f5de);border:1px solid var(--Colors-Forest-Green-800, #0e3d17);color:#0e3d17}:global(.dark) .category-pill{background:#1a1a1a;border-color:#ffffff1a;color:#e0ddd8}:global(.dark) .category-pill:hover{border-color:#4caf50;background:#4caf501a;color:#4caf50}:global(.dark) .category-pill.active{background:#4caf5033;border-color:#4caf50;color:#4caf50}:global(.dark) .categories-label{color:#e0dbcf}.hero-container .btn-gold{background:#004d20!important;color:#fff!important;box-shadow:0 4px 12px #004d2033!important}.hero-container .btn-gold:hover{background:#003314!important;box-shadow:0 6px 16px #004d204d!important}:global(.dark) .hero-container .btn-gold{background:#4caf50!important;color:#121212!important;box-shadow:0 4px 12px #4caf5033!important}:global(.dark) .hero-container .btn-gold:hover{background:#3d8b40!important}.hero-description{font-family:IBM Plex Sans Arabic,sans-serif;font-weight:400;font-style:normal;font-size:1rem;line-height:1.625rem;letter-spacing:0%;text-align:center;position:relative;z-index:5;color:#111;margin:0}@media(min-width:768px){.hero-description{font-size:1.125rem;line-height:1.875rem}}:global(.dark) .hero-description{color:#e0dbcf}.books-view-toggle-row{display:flex;justify-content:flex-start;margin-bottom:20px}.books-view-toggle{display:inline-flex;align-items:flex-start;padding:4px;background:var(--Colors-Base-White, #ffffff);border:1px solid var(--Colors-Biege-300, #f0ece6);border-radius:12px}:global(.dark) .books-view-toggle{background:#1a1a1a;border-color:#ffffff14}.view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:#111;cursor:pointer;transition:all .2s ease}.view-toggle-btn.active{background:var(--Colors-Biege-200, #f7f4f0)}:global(.dark) .view-toggle-btn{color:#a0a0a0}:global(.dark) .view-toggle-btn.active{background:#ffffff14;color:#e0ddd8}#books-grid[data-view=list] .book-card-link.featured-card{height:auto;max-width:100%}#books-grid[data-view=list] .featured-card-cover-wrapper{display:none}.featured-card{display:flex;flex-direction:column;width:100%;max-width:100%;height:470px;gap:0px;padding-bottom:10px;background:var(--Colors-Base-White, #FFFFFF);border:1px solid var(--Colors-Biege-300, #F0ECE6);border-radius:16px;overflow:hidden;box-sizing:border-box;margin:0 auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.featured-card:hover{box-shadow:0 12px 24px #0e3d170d;transform:translateY(-4px);border-color:#b38b4d40}:global(.dark) .featured-card{background:#1a1a1a;border-color:#ffffff0d}:global(.dark) .featured-card:hover{box-shadow:0 12px 24px #00000040}.featured-card-cover-wrapper{width:100%;height:180px;background:var(--Colors-Biege-200, #F7F4F0);border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid var(--Colors-Biege-200, #F7F4F0);display:flex;align-items:flex-end;justify-content:center;padding:12px 12px 0;box-sizing:border-box}:global(.dark) .featured-card-cover-wrapper{background:#ffffff05;border-bottom-color:#ffffff0d}.mini-book-card{width:110px;height:156px;background:#fff;border-radius:6px;box-shadow:0 -4px 12px #0000000f;border:1px solid var(--Colors-Biege-300, #f0ece6);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.mini-book-card-header{height:36px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--Colors-Forest-Green-800, #0e3d17);flex-shrink:0}.mini-book-card-body{flex:1;background:var(--Colors-Forest-Green-800, #0e3d17);display:flex;align-items:center;justify-content:center;padding:4px 6px;box-sizing:border-box}.mini-book-card-title{font-family:IBM Plex Sans Arabic,sans-serif;font-size:9px;font-weight:700;color:#fff;text-align:center;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}.mini-book-card-footer{height:40px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;box-sizing:border-box;flex-shrink:0}.mini-decor-line{width:36px;height:2px;background:var(--Colors-Biege-300, #f0ece6);border-radius:1px}.featured-card-content{padding:24px;flex:1;display:flex;flex-direction:column;box-sizing:border-box}.lang-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:24px;gap:10px;border-radius:8px;border:1px solid var(--Colors-Forest-Green-300, #99CFA0);padding:4px 8px;background:var(--Colors-Forest-Green-100, #E0F5DE);color:var(--Colors-Forest-Green-900, #071F0B);font-family:IBM Plex Sans Arabic,sans-serif;font-weight:400;font-size:.75rem;line-height:1rem;text-align:center;box-sizing:border-box}:global(.dark) .lang-badge{background:#2e7d3226;color:#4caf50;border-color:#4caf504d}.featured-card-title{font-family:Lyon Arabic Display,serif;font-weight:500;font-style:normal;font-size:1.5rem;line-height:2rem;letter-spacing:0%;text-align:start;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:global(.dark) .featured-card-title{color:#e0ddd8}.featured-card-desc{font-family:IBM Plex Sans Arabic,sans-serif;font-weight:400;font-style:normal;font-size:1rem;line-height:1.5rem;letter-spacing:0%;text-align:start;color:#4d5052;margin:0;min-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}:global(.dark) .featured-card-desc{color:#a0a0a0}.card-divider{border-top:1px solid #F0ECE6;margin:16px 0}:global(.dark) .card-divider{border-top-color:#ffffff0d}.resources-row{display:flex;align-items:center;gap:8px;box-sizing:border-box}.resource-badge{display:inline-flex;align-items:center;justify-content:center;direction:ltr;width:78px;height:36px;gap:8px;border-radius:12px;border:1px solid var(--Colors-Biege-300, #F0ECE6);padding:8px 12px;background:var(--Colors-Biege-100, #FBF8F4);box-sizing:border-box;font-family:IBM Plex Sans Arabic,sans-serif;font-weight:400;font-style:normal;font-size:.875rem;line-height:1.25rem;text-align:center;color:#111}:global(.dark) .resource-badge{background:#242424;border-color:#ffffff14;color:#fff}.resource-badge svg{color:#8c8c8c;flex-shrink:0}:global(.green) .resource-badge{background:#ffffff0a;border-color:#1a6b3a33;color:#a8d5b0}.btn-read{display:inline-flex;align-items:center;justify-content:center;flex:1;height:48px;gap:4px;border-radius:12px;border:1px solid var(--Colors-Forest-Green-800, #0E3D17);background:var(--Colors-Forest-Green-800, #0E3D17);color:#fff;font-family:IBM Plex Sans Arabic,sans-serif;font-weight:500;font-size:1rem;line-height:1.5rem;text-decoration:none;text-align:center;box-sizing:border-box;transition:all .2s ease;cursor:pointer}.btn-read:hover{background:var(--Colors-Forest-Green-900, #071F0B);border-color:var(--Colors-Forest-Green-800, #0E3D17);box-shadow:0 4px 12px #071f0b40}:global(.dark) .btn-read{background:#4caf50;border-color:#4caf50;color:#121212}:global(.dark) .btn-read:hover{background:#66bb6a}.btn-details{display:inline-flex;align-items:center;justify-content:center;width:100px;height:48px;gap:4px;padding:8px 16px;border-radius:12px;border:1px solid var(--Colors-Grey-200, #E9E9E9);background:var(--Colors-Base-White, #FFFFFF);color:#111;font-family:IBM Plex Sans Arabic,sans-serif;font-weight:500;font-size:1rem;line-height:1.5rem;text-decoration:none;transition:all .2s ease;cursor:pointer;box-sizing:border-box;white-space:nowrap}.btn-details:hover{background:#f5f5f5}:global(.dark) .btn-details{background:#242424;border-color:#ffffff14;color:#fff}:global(.dark) .btn-details:hover{background:#2d2d2d}:global(.dark) .mini-book-card{background:#1e1e1e;border-color:#ffffff14}:global(.dark) .mini-book-card-header{background:#1e1e1e;color:var(--color-primary, #d4a84b)}:global(.dark) .mini-book-card-body{background:#2b2b2b}:global(.dark) .mini-book-card-footer{background:#1e1e1e}:global(.dark) .mini-decor-line{background:#ffffff14}.books-pagination-container{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;box-sizing:border-box;padding-bottom:48px}.pagination-row{display:flex;align-items:center;gap:16px}.books-pagination-arrow-btn{display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;background:none;border:none;padding:0;transition:all .2s ease}.books-pagination-arrow-btn:hover:not(:disabled){background:var(--Colors-Biege-200, #f7f4f0)}.books-pagination-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-numbers-container{display:flex;align-items:center;justify-content:center;width:168px;height:40px;gap:0px;border-radius:8px;padding:4px;background:#f7f4f0;box-sizing:border-box}:global(.dark) .pagination-numbers-container{background:#1e1e1e}.page-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:12px;font-weight:400;line-height:16px;border:none;background:transparent;color:#111;cursor:pointer;transition:all .2s}.page-num:hover:not(.active){background:#00000008;color:#111}.page-num.active{width:33px;height:36px;border-radius:8px;padding:12px;background:var(--Colors-Base-White, #ffffff);border:1px solid var(--Colors-Biege-200, #f7f4f0);color:#111;font-weight:600;box-shadow:0 1px 2px #121a2b0d;display:flex;align-items:center;justify-content:center;box-sizing:border-box}:global(.dark) .page-num{color:#888}:global(.dark) .page-num:hover:not(.active){background:#ffffff0a;color:#e0ddd8}:global(.dark) .page-num.active{background:#2b2b2b;color:#e0ddd8;border-color:#ffffff14;box-shadow:none}.page-ellipsis{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Sans Arabic,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#111;user-select:none}:global(.dark) .page-ellipsis{color:#888}.pagination-info-text{font-family:IBM Plex Sans Arabic,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#111}.pagination-info-text strong{font-weight:600}:global(.dark) .pagination-info-text{color:#888}