@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap");html{scroll-behavior:smooth}.glare-effects{position:relative;overflow:hidden}.glare-effects:after{content:"";position:absolute;top:-100%;left:-150%;width:60%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.35),rgba(255,255,255,.08),transparent);transform:rotate(20deg);animation:button-glare 3s ease-in-out infinite;pointer-events:none}@keyframes button-glare{0%{left:-150%}45%{left:150%}to{left:150%}}.spider{transform:translateY(-500px);animation:spiderDrop 5.5s cubic-bezier(.16,1,.3,1) forwards,spiderFloat 4s ease-in-out 1.4s infinite}.animation-float{animation:spiderFloat 4s ease-in-out 1.4s infinite}@keyframes spiderDrop{0%{transform:translateY(-500px)}65%{transform:translateY(25px)}80%{transform:translateY(-12px)}92%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes webDrop{0%{height:0;opacity:0}20%{opacity:1}to{height:180px;opacity:1}}@keyframes spiderFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}