@layer components{.btn.success{color:#fff;cursor:pointer;background:#1abe82;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:11px 28px;font-size:15px;font-weight:600;transition:background .2s,transform .15s;display:flex}.btn.success:hover{background:#17a872;transform:translateY(-1px)}.btn.primary{color:#fff;cursor:pointer;background:#780ae9;border:none;border-radius:25px;padding:9px 22px;font-size:14px;font-weight:500;transition:background .2s}.btn.primary:hover{background:#5b17c0}.btn.outline{color:#780ae9;cursor:pointer;background:#fff;border:1.8px solid #780ae9;border-radius:25px;gap:6px;padding:6px 25px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn.btn-outline:hover{background:#f5f0ff}.btn.ghost{color:#780ae9;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:15px;font-weight:500;transition:opacity .2s;display:flex}.btn.ghost:hover{opacity:.7}.footer{background:#fff;padding-top:60px}.footer-top{grid-template-columns:1.4fr 1fr 1fr 1.6fr;gap:40px;padding-bottom:48px;display:grid}.footer-logo{margin-bottom:16px;display:inline-block}.footer-logo-img{object-fit:contain;width:auto;height:56px}.footer-desc{color:#6b7280;max-width:500px;margin-bottom:20px;font-size:14px;line-height:1.7}.footer-socials{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-social-btn{color:#780ae9;background:#f3ebff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;text-decoration:none;transition:background .2s,color .2s;display:flex}.footer-social-btn:hover{color:#fff;background:#780ae9}.footer-col-title{color:#111827;margin-bottom:20px;font-size:16px;font-weight:800}.footer-links{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links li a{color:#6b7280;font-size:14px;text-decoration:none;transition:color .2s}.footer-links li a:hover{color:#780ae9}.footer-contact{flex-direction:column;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.footer-contact li{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.footer-newsletter-label{color:#111827;margin-bottom:12px;font-size:14px;font-weight:700}.footer-newsletter{align-items:center;display:flex;position:relative}.footer-newsletter input{color:#374151;border:1.5px solid #e5e7eb;border-radius:50px;outline:none;width:100%;padding:10px 110px 10px 14px;font-size:13px;transition:border-color .2s}.footer-newsletter button{color:#fff;cursor:pointer;background:#780ae9;border:none;border-radius:50px;padding:7px 16px;font-size:13px;font-weight:700;transition:background .2s;position:absolute;right:4px}.footer-newsletter button:hover{background:#5b08b8}.footer-newsletter input::placeholder{color:#9ca3af}.footer-newsletter input:focus{border-color:#780ae9}.footer-bottom-wrapper{border-top:1px solid #e5e7eb;width:100%}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex}.footer-copy{color:#9ca3af;font-size:13px}.footer-bottom-right{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer-bottom-link{color:#6b7280;font-size:13px;text-decoration:none;transition:color .2s}.footer-bottom-link:hover{color:#780ae9}.footer-lang{background:#780ae914;border-radius:25px;display:flex;overflow:hidden}.footer-lang-btn{cursor:pointer;color:#780ae9;background:0 0;border:none;padding:5px 11px;font-size:12px;font-weight:700;transition:all .2s}.footer-lang-btn.active{color:#fff;background:#780ae9;border-radius:25px}.footer-currency{color:#780ae9;background:#f3ebff;border-radius:25px;padding:4px 12px;font-size:12px;font-weight:600}@media (width<=1024px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=768px){.footer{padding-top:48px}.footer-top{grid-template-columns:1fr 1fr;gap:24px}.footer-desc{max-width:100%}}@media (width<=560px){.footer-top{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}.footer-bottom-right{gap:12px}}@media (width<=390px){.footer-bottom-right{flex-wrap:wrap;gap:10px}}@media (width<=300px){.footer{padding-top:32px}.footer-col-title{font-size:14px}.footer-links li a,.footer-contact li{font-size:12px}.footer-copy,.footer-bottom-link{font-size:11px}.footer-social-btn{width:32px;height:32px;font-size:10px}}*{box-sizing:border-box;margin:0;padding:0}.container{margin:0 auto;padding:0 24px;max-width:1200px!important}.top-bar{color:#fff;text-align:center;background:#780ae9;justify-content:center;align-items:center;gap:12px;padding:9px 16px;font-size:13px;font-weight:500;display:flex}.countdown{color:#1abe82;letter-spacing:1px;background:#fff;border:1.5px solid #780ae9;border-radius:25px;padding:4px 12px;font-size:12px;font-weight:900}.navbar{z-index:1000;background:#fff;border-bottom:.5px solid #e5e7eb;align-items:center;height:72px;display:flex;position:relative}.navbar .container{align-items:center;gap:0;width:100%;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo img{border-radius:50%;width:50px;height:50px}.logo-text{flex-direction:column;line-height:1.2;display:flex}.logo-ar{color:#1b9a6e;font-size:16px;font-weight:700}.logo-en{color:#1b9a6e;font-size:12px;font-weight:600}.nav-links{flex:1;justify-content:center;align-items:center;gap:32px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#374151;white-space:nowrap;font-size:15px;font-weight:500;text-decoration:none}.nav-links a.active{color:#780ae9;font-weight:600}.nav-links a:hover{color:#780ae9}.nav-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.lang-group{background-color:#780ae914;border-radius:25px;display:flex;overflow:hidden}.lang-btn{cursor:pointer;color:#780ae9;background:0 0;border:none;padding:5px 11px;font-size:12px;font-weight:700;transition:all .2s}.lang-btn.active{color:#fff;background:#780ae9;border-radius:25px}.currency{color:#374151;border:1px solid #e5e7eb;border-radius:25px;padding:1px 5px;font-size:13px;font-weight:600}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;padding:4px;display:none}.hamburger span{background:#374151;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:999;background:#fff;border-bottom:.5px solid #e5e7eb;flex-direction:column;gap:16px;padding:16px 24px;display:flex;position:absolute;left:0;right:0;box-shadow:0 8px 24px #00000014}.mobile-links{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mobile-links li a{color:#374151;border-bottom:.5px solid #f3f4f6;padding:12px 0;font-size:15px;font-weight:500;text-decoration:none;display:block}.mobile-links li a.active{color:#780ae9;font-weight:600}.mobile-links li a:hover{color:#780ae9}.mobile-bottom{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mobile-bottom .btn.primary,.mobile-bottom .btn.outline{text-align:center;flex:1}@media (width<=1030px){.navbar .container{justify-content:space-between}.nav-links,.nav-right{display:none}.hamburger{margin-left:0;display:flex}.navbar-rtl .hamburger{margin-right:0}}@media (width<=300px){.top-bar{gap:6px;padding:8px;font-size:10px}.countdown{padding:3px 8px;font-size:10px}.navbar{height:auto;padding:10px 0}.mobile-menu{top:52px}.container{padding:0 10px}.logo-ar{font-size:13px}.logo-en{font-size:10px}.mobile-menu{padding:12px 10px}.mobile-links li a{font-size:13px}.btn.primary,.btn.outline{padding:7px 12px;font-size:12px}}}