.surah-card{display:block;width:100%;max-width:100%;margin:0 auto;text-decoration:none}.surah-card-inner{width:100%;height:115px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transform:rotate(0);opacity:1;border-radius:1rem;border:1px solid var(--Colors-Biege-300, #F0ECE6);padding:16px;background:#fff;box-sizing:border-box;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.surah-card:hover .surah-card-inner{background:var(--Colors-Forest-Green-100, #E0F5DE);border-color:var(--Colors-Forest-Green-300, #99CFA0);box-shadow:0 1px 2px #0000000d}:global(.dark) .surah-card-inner{background:#1a1a1a;border-color:#f0ece61a}:global(.dark) .surah-card:hover .surah-card-inner{background:var(--Colors-Forest-Green-900, #071f0b);border-color:var(--Colors-Forest-Green-800, #0e3d17)}.surah-card-placeholder{width:405.33331298828125px;max-width:100%;height:98px;margin:0 auto;padding:16px;box-sizing:border-box}.surah-emblem-number{font-family:Lyon Arabic Display,serif;font-weight:500;font-size:1.125rem;line-height:1.75rem;letter-spacing:0;text-align:center;vertical-align:middle;color:#111}:global(.dark) .surah-emblem-number{color:#fff}.surah-card-details-count{font-family:IBM Plex Sans Arabic,sans-serif;font-weight:400;font-size:.875rem;line-height:1.25rem;letter-spacing:0;text-align:center;vertical-align:middle;color:#4d5052}:global(.dark) .surah-card-details-count{color:#a0a0a0}.surah-local-name{font-family:Lyon Arabic Display,serif;font-weight:500;font-size:1.25rem;line-height:2rem;letter-spacing:0%;text-align:left;vertical-align:middle;color:#111}:global(.dark) .surah-local-name{color:#fff}.surah-number{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-container-high);border-radius:12px;font-size:14px;font-weight:800;color:var(--color-primary);transform:rotate(45deg)}.surah-numberInner{transform:rotate(-45deg)}.dark .surah-number{background:#242424}.surah-card .surah-number{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.surah-card:hover .surah-number{background:var(--color-primary);color:#fff;transform:rotate(0) scale(1.1);box-shadow:0 4px 12px #775a194d}.arabic-heading{font-family:Amiri,serif!important}.arabic-body{font-family:Noto Naskh Arabic,serif!important}.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;width:100%;z-index:10;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}}.hero-container{width:100%;height:auto;overflow:hidden!important;min-height:520px;padding-bottom:60px;padding-left:16px;padding-right:16px;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{min-height:480px;padding:150px 24px 80px;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)}.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:10px!important;padding-inline-start:4px;padding-inline-end:12px;gap:8px;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{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:4px 8px;gap:10px;border-radius:9999px;background:var(--Colors-Forest-Green-100, #e0f5de);border:1px solid var(--Colors-Forest-Green-300, #99cfa0);font-family:IBM Plex Sans Arabic,sans-serif;font-weight:400;font-style:normal;font-size:.75rem;line-height:1rem;letter-spacing:0%;text-align:center;vertical-align:middle;color:#002525;white-space:nowrap;opacity:1}: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-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-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}