@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Shrikhand&display=swap");:root{--animated-icons:white;--text-color:white;--primary-gradient:linear-gradient(135deg,#8b5cf6,#0d6efd);--secondary-gradient:linear-gradient(135deg,#06b6d4,#10b981);--purple-gradient:linear-gradient(135deg,#a855f7,#ec4899);--orange-gradient:linear-gradient(135deg,#f97316,#ef4444);--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--text-primary:#ffffff;--text-secondary:#cbd5e1;--text-muted:#64748b;--font-messiri:"ElMessiri",sans-serif;--bg-about:#0f0f0f;--main-color:#111827;--secondary-color:#ff7f30;--secondary-color-hover:#e06518ff;--third-color:#8d5368;--third-color-hover:#753e52;--fourth-color:#1f2937;--fourth-color-background:#374151;--fourth-color-hover:#2f3948;--features-color:#1f2937}html.light-mode{--main-color:#e2e2e2;--bg-about:#e2e2e2;--secondary-color:#fc741f;--secondary-color-hover:#e06518ff;--third-color:#8d5368;--third-color-hover:#753e52;--fourth-color:#363636;--fourth-color-background:#9098a3;--fourth-color-hover:#5d6066;--features-color:linear-gradient(-45deg,#080d21,#21345bbf);--animated-icons:#0d6efd;--text-color:black}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--main-color);border-radius:16px}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:16px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color-hover)}html.light-mode .text-mode{color:var(--text-color)}.main-icon-color{color:var(--secondary-color)!important}.main-btn{background-color:var(--secondary-color)!important;transition:all .3s ease-in-out;border:none}.main-btn:hover{background-color:var(--secondary-color-hover)!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}html{direction:rtl;background-color:var(--main-color)}body{background-color:var(--main-color)!important;font-family:Cairo,sans-serif!important}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-bg{background:linear-gradient(-45deg,var(--main-color),#21345b77);background-size:400% 400%;animation:gradientAnimation 10s ease infinite}img{pointer-events:none}.wavy-background-s{position:absolute;bottom:0;left:0;width:100%;height:350px;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"%3E%3Cpath fill="%230b5ed7" fill-opacity="1" d="M0,64L48,58.7C96,53,192,43,288,85.3C384,128,480,224,576,256C672,288,768,256,864,208C960,160,1056,96,1152,80C1248,64,1344,96,1392,112L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z%22%3E%3C/path%3E%3C/svg%3E') no-repeat top;background-size:cover;z-index:2}.text-mode{color:var(--text-color)}.pagination{display:flex;gap:.5rem;padding:5px 0 0}.pagination .page-link{background-color:#222;color:#fff;border:1px solid var(--main-color);border-radius:10px;padding:8px 16px;transition:all .3s ease;z-index:0!important}.pagination .page-link:hover{background-color:var(--main-color);color:#fff;transform:translateY(-2px)}.pagination .page-item.active .page-link{background-color:var(--main-color);border-color:var(--main-color);color:#fff}.main-title{width:-moz-fit-content;width:fit-content;margin:0 auto;font-size:30px;border:2px solid black;position:relative;z-index:1;transition:.3s;padding:10px 20px}.main-title:before{content:"";width:12px;height:12px;border-radius:50%;background-color:var(--secondary-color);position:absolute;top:50%;transform:translateY(-50%);left:-30px;z-index:-1}.main-title:hover:before{animation:left-move .5s linear forwards}@keyframes left-move{50%{left:0}to{width:51%;height:100%;border-radius:0;left:0}}.main-title:after{content:"";width:12px;height:12px;border-radius:50%;background-color:var(--secondary-color);position:absolute;top:50%;transform:translateY(-50%);right:-30px;z-index:-1}.main-title:hover:after{animation:right-move .5s linear forwards}@keyframes right-move{50%{right:0}to{width:51%;height:100%;border-radius:0;right:0}}.main-title:hover{color:white!important;border-color:white;transition-delay:.5s}.animated-underline{position:relative;width:-moz-fit-content;width:fit-content;margin:0 auto}.animated-underline:after{content:"";position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(to right,var(--secondary-color),var(--secondary-color-hover));animation:underlineExpand 1.5s ease infinite;border-radius:2px}@keyframes underlineExpand{0%{width:0}to{width:90%}}