*{box-sizing:border-box}body{font-family:Cairo,sans-serif;background-color:#fbfaee;color:#1b1c15;overflow-x:hidden}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}[dir=rtl] *:not(.text-center):not(.text-left){text-align:right}[dir=rtl] #lang-menu{left:auto;right:0}[dir=ltr] #lang-menu{left:0;right:auto}.text-center{text-align:center!important}.font-headline{font-family:Amiri,serif}.quran-text{font-family:Scheherazade New,serif;font-size:1.5em;line-height:2.4}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;vertical-align:middle}.no-scrollbar::-webkit-scrollbar{display:none}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}#splash.hide{opacity:0;visibility:hidden}#splash img{width:180px;height:180px;object-fit:contain;animation:splashPulse 1.5s ease-in-out infinite}@keyframes splashPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.85}}#main-nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:transform .4s ease,background .4s ease,backdrop-filter .4s ease,box-shadow .4s ease;background:#00352726;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(-100%)}#main-nav.nav-visible{transform:translateY(0)}#main-nav.on-dark{background:#00352726;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:none}#main-nav.on-light{background:#fbfaeeeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 20px #1b1c150f}#main-nav.on-dark .nav-link{color:#ffffffd9}#main-nav.on-dark .nav-link:hover,#main-nav.on-dark .nav-brand{color:#ffdea5}#main-nav.on-light .nav-link{color:#1b1c15a6}#main-nav.on-light .nav-link:hover,#main-nav.on-light .nav-brand{color:#003527}#lang-switcher{position:relative}#lang-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:.75rem;box-shadow:0 8px 32px #1b1c151f;min-width:140px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s ease;z-index:100}#lang-menu.open{opacity:1;visibility:visible;transform:translateY(0)}#lang-menu a{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.8rem;font-weight:600;color:#1b1c15;text-decoration:none;transition:background .15s}#lang-menu a:hover{background:#f5f4e8}#lang-menu a.active{color:#003527;background:#efeee3}#lang-menu a .flag{font-size:1.1rem}#hero-section{padding-top:0}.fade-carousel{position:relative}.fade-slide{display:none;animation:fadeIn .5s ease}.fade-slide.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.carousel-dots button{transition:all .3s}.carousel-dots button.active{background:#775a19;width:1.5rem;border-radius:9999px}@keyframes float{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.float{animation:float 6s ease-in-out infinite}.fade-up{animation:fadeUp .7s ease forwards}.fade-up-2{animation:fadeUp .7s .15s ease forwards;opacity:0}.step-card{transition:opacity .4s ease,transform .4s ease}.step-card.visible{opacity:1;transform:translateY(0)}.step-title:after{content:"|";display:inline-block;animation:blink .7s step-end infinite;opacity:0}.step-title.typing:after{opacity:1}.step-title.done:after{display:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}