html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,.font-lora{font-family:Inter,sans-serif;letter-spacing:-.025em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.dark ::-webkit-scrollbar-thumb{background-color:#334155}::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.bg-islamic-pattern{background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2394a3b8' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat}@keyframes bg-scroll{0%{background-position:0 0}to{background-position:60px 60px}}.animate-bg-scroll{animation:bg-scroll 20s linear infinite}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fade-in-down 1s ease-out forwards}.animate-fade-in-up{animation:fade-in-up 1s ease-out 1s forwards;opacity:0}.text-shadow-lg{text-shadow:2px 2px 4px rgba(0,0,0,.5)}@keyframes fade-in-zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.animate-fade-in-zoom{animation:fade-in-zoom .3s ease-out forwards}.animate-fade-out{animation:fade-out .3s ease-out forwards}.nav-link-underline:after{content:"";position:absolute;bottom:-2px;left:0;right:0;margin:auto;width:0%;height:2px;background-color:#10b981;transition:width .3s ease-in-out}.nav-link-underline:hover:after,.group:hover .nav-link-underline:after{width:100%}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in-right{animation:slide-in-right .4s cubic-bezier(.25,1,.5,1) forwards}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}.animate-slide-out-right{animation:slide-out-right .3s cubic-bezier(.5,0,.75,0) forwards}@keyframes fade-in-fast{0%{opacity:0}to{opacity:1}}.animate-fade-in-fast{animation:fade-in-fast .3s ease-out forwards}@keyframes content-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-content-fade-in{animation:content-fade-in .5s ease-out forwards}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}details summary::-webkit-details-marker{display:none}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-modal-fade-in{animation:modal-fade-in .3s ease-out forwards}.animate-modal-zoom-in{animation:modal-zoom-in .3s ease-out forwards}.scroll-animate{opacity:0;transition:opacity .7s ease-out,transform .7s cubic-bezier(.25,1,.5,1);will-change:opacity,transform}.scroll-animate.is-visible{opacity:1;transform:none}.animate-fade-up{transform:translateY(40px)}.animate-fade-down{transform:translateY(-40px)}.animate-slide-in-left{transform:translate(-50px)}.animate-slide-in-right{transform:translate(50px)}.animate-zoom-in{transform:scale(.9)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes progress{0%{width:0%;margin-left:0}50%{width:70%;margin-left:0}to{width:0%;margin-left:100%}}.animate-progress{animation:progress 2s infinite ease-in-out}.mobile-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1rem;padding:0 10vw}.mobile-slider>*{scroll-snap-align:center;flex-shrink:0;width:80vw}.mobile-slider::-webkit-scrollbar{display:none}.mobile-slider{-ms-overflow-style:none;scrollbar-width:none}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}