@font-face{font-family:CustomFont;src:url(/assets/NotoKufiArabic-Regular-2YTUybDP.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:CustomFont;src:url(/assets/NotoKufiArabic-SemiBold-Dv_aqq3G.ttf) format("truetype");font-weight:700;font-style:normal}:root{line-height:1.5;color:#fffefede;background-color:#057aa1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-user-select:none;user-select:none}body{touch-action:manipulation}html,body{font-family:CustomFont,sans-serif!important;font-weight:300;overscroll-behavior:none;overflow-y:scroll;overflow-x:hidden}#app{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:450px;width:100vw;height:100dvh;margin:0 auto;text-align:center;box-shadow:1px 1px 20px #011121;background-image:url(/assets/bg-C-IA9Ord.jpg);background-position:left;background-repeat:no-repeat;background-size:cover;background-color:#736357}#app:before{content:"";position:absolute;inset:0;background-color:#1c1825e6;pointer-events:none}#app::-webkit-scrollbar{display:none}#app{-ms-overflow-style:none;scrollbar-width:none}.header-style[data-v-04a8186c]{border-radius:0 0 15px 15px;border-bottom:2px solid #f8f0f0;background:linear-gradient(297deg,#153846 24%,#0a0e39 82%,#fff 76%);background-clip:padding-box}.footer-style[data-v-04a8186c]{padding-left:5px;padding-right:5px;border-radius:15px 15px 0 0;height:70px;background:linear-gradient(180deg,#4a3f52,#061c33);border-top:2px solid #f8f0f0;background-clip:padding-box;overflow:visible}.home-btn[data-v-04a8186c]{width:20%!important;border-radius:30%!important;height:120%!important;position:absolute;bottom:29px;z-index:10;box-shadow:0 -2px 10px #0000004d;border:3px solid #f5efef}.nav-btn[data-v-04a8186c]{width:17%;border-radius:0 0 20% 20%;height:63px;top:0;border-bottom:1px solid #f5efef}.ripple-div[data-v-04a8186c]{position:relative;overflow:hidden;cursor:pointer}.ripple-div[data-v-04a8186c]:active:after{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);animation:ripple-animation-04a8186c .6s linear}@keyframes ripple-animation-04a8186c{0%{width:0;height:0;opacity:.5}to{width:400px;height:400px;opacity:0}}.center-text-flex[data-v-04a8186c]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}