:root{--primary-color: #003824;--secondary-color: #fff;--text-light: #f5f5f5;--primary: #f5f5f5}*,*:before,*:after{box-sizing:border-box}html,body{background:url(/images/bg.jpg) 50% / cover no-repeat fixed;background-color:var(--primary-color);color:var(--text-light);line-height:1.6;margin:0!important;padding:0!important;overflow-x:hidden;min-height:100%}html,body,button,a,p,span,h3{font-family:Noto Kufi Arabic,Arial,sans-serif!important}button{font:inherit}#root,.page{min-height:100vh}.page{display:flex;flex-direction:column}.header-bg{z-index:50;background-image:url(/images/headerbg.png);background-position:50%;background-repeat:no-repeat;height:279px;margin:0;padding:0;position:relative;overflow:hidden;color:#fff}.language-switcher-container{z-index:100;position:absolute;bottom:1rem}.lang-position-en{right:1.5rem}.lang-position-ar{left:1.5rem}.logo{text-align:center;z-index:1;height:100%;max-height:100%;margin:auto;padding:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.logo-img{z-index:1;pointer-events:none;width:auto;max-width:100%;height:250px;max-height:100%;object-fit:contain;margin:0 auto;display:block;position:relative}.lang-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--secondary-color);cursor:pointer;text-align:center;background:linear-gradient(135deg,#fff3,#ffffff1a);border:1.5px solid #ffffff4d;border-radius:9999px;min-width:50px;padding:.4rem .8rem;font-size:8.5pt;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0003}.lang-btn:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.lang-btn:active{transform:translateY(0);box-shadow:0 2px 10px #0003}.buttons-main{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:110px 1rem 0;width:100%}.buttons-container{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;max-width:384px;display:flex}.luxury-btn{letter-spacing:.5px;color:#e8dcc8;cursor:pointer;text-shadow:0 2px 6px #000000b3;z-index:1;background:#00140a99;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:220px;margin-bottom:30px;padding:32px 48px;font-size:1.25rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0f}.luxury-btn:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:url(/images/btn/p4.png) 50% / 100% 100% no-repeat;position:absolute;inset:0}.luxury-btn-icon{filter:drop-shadow(0 2px 6px #0006);font-size:2.2rem;line-height:1;animation:iconFloat 2.5s ease-in-out infinite}.luxury-btn-icon,.luxury-btn-text{z-index:3;position:relative}.luxury-btn:hover .luxury-btn-icon{animation:iconBounce .5s infinite}.luxury-btn:hover{color:#fff;text-shadow:0 2px 10px #000c;background:#001e0fb3;transform:translateY(-3px) scale(1.04);box-shadow:0 8px 32px #00000080,0 0 24px #00502833,inset 0 1px #ffffff1a}.luxury-btn:active{transform:translateY(0) scale(.97);box-shadow:0 2px 10px #0006,inset 0 2px 4px #0000004d}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.15)}}.footerSection{background-image:url(/images/footerbg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:2rem 1rem}.footer-container{width:100%;max-width:1140px;margin:0 auto;padding:0 1rem}.footerTop{flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footerCopyright{text-align:center;color:#f5f5f5cc;margin-top:1rem;font-size:10pt}.footerCopyright p{margin:0}.developerCredit{color:#f5f5f5cc;font-size:13pt}.developerCredit a{color:var(--primary);font-size:14pt;font-weight:600;text-decoration:none;transition:all .3s}.developerCredit a:hover{opacity:.9;text-decoration:underline}.footerSocialIcons{direction:rtl;gap:1.8rem;font-size:13pt;display:flex;align-items:center}.footerSocialIcon{color:var(--text-light);filter:drop-shadow(0 1px 3px #0000004d);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;line-height:1}.footerSocialIcon:hover{color:var(--secondary-color);transform:translateY(-3px) scale(1.1)}.footerBottom{border-top:1px solid var(--secondary-color);text-align:center;color:#f5f5f5b3;margin-top:2rem;padding-top:1.5rem;font-size:10pt}.qr-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-modal-content{background:var(--primary-color);border:2px solid var(--secondary-color);border-radius:1rem;width:90%;max-width:400px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 25px -5px #00000080}.qr-modal-header{border-bottom:1px solid var(--secondary-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.qr-modal-header h3{margin:0;font-weight:600;color:var(--text-light);font-size:1.5rem}.qr-modal-close{color:var(--text-light);font-size:1.5rem;cursor:pointer;background:transparent;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.qr-modal-close:hover{background-color:#ffffff1a;transform:scale(1.1)}.qr-modal-body{text-align:center}.qr-image{background:#fff;border-radius:1rem;margin-bottom:1rem;padding:1rem;box-shadow:0 10px 15px -3px #0000004d;width:min(100%,300px);height:auto}.qr-description{color:var(--text-light);margin:0;font-size:1rem;line-height:1.6}@media(max-width:767px){.header-bg{background-size:cover;height:150px;overflow:visible}.logo{justify-content:center;align-items:center;width:100%;max-height:none;display:flex;overflow:visible;text-align:center;padding:0}.logo-img{object-fit:contain;width:auto;height:auto;max-height:250px;margin:auto}.language-switcher-container{bottom:.75rem}.lang-position-en{right:1rem}.lang-position-ar{left:1rem}.lang-btn{min-width:45px;font-size:8pt}}@media(min-width:768px){.footerTop{flex-direction:row;align-items:center}.footerCopyright{text-align:center;margin-top:0}.buttons-main{padding-top:0}.buttons-container{flex-direction:row;gap:48px;max-width:none}}@media(max-width:768px){.luxury-btn{border-radius:14px;min-width:150px;padding:26px 34px;font-size:1.05rem}.luxury-btn-icon{font-size:1.8rem}}@media(max-width:480px){.luxury-btn{border-radius:12px;width:100%;max-width:280px;padding:22px 26px;font-size:.95rem}.luxury-btn-icon{font-size:2.2rem}}