body{background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;font-family:Tajawal,sans-serif;margin:0;min-height:100vh}*{box-sizing:border-box}section#faq{min-height:300px}@media (max-width:768px){section#contact .logo img{height:120px}}header{align-items:center;background-color:#036;color:#fff;display:flex;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:1000}header .logo{font-size:1.5rem;font-weight:700}header nav a{border-radius:8px;color:#fff;margin:0 15px;padding:8px 15px;text-decoration:none;transition:background-color .3s,color .3s}header nav a.active,header nav a:hover{background-color:#ffc107;color:#036}header nav a.active{border-bottom:2px solid #ffc107;padding-bottom:5px}section#hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:350px;opacity:1;overflow:hidden;padding:60px 20px;position:relative;text-align:center;transition:opacity 1s ease-in-out}section#hero:before{background:#ffffffd9;content:"";inset:0;position:absolute;z-index:1}section#hero *{position:relative;z-index:2}section#hero h1{color:#036;font-size:2.8rem;margin-bottom:20px}section#hero p{color:#036;font-size:1.2rem;margin-bottom:30px}section#hero .btn{background-color:#ffc107;border:none;border-radius:8px;color:#036;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 25px;text-decoration:none;transition:background-color .3s}section#hero .btn:hover{background-color:#e0a800}section{background-color:#fff;border-bottom:1px solid #ddd;padding:60px 20px;text-align:center}section:nth-of-type(2n){background-color:#f9f9f9}section h2{color:#036;font-size:2rem;margin-bottom:20px}.contact-links a{background-color:#ffc107;border-radius:6px;color:#036;display:inline-block;margin:10px;padding:10px 15px;text-decoration:none;transition:background-color .3s}.contact-links a:hover{background-color:#e0a800}footer{background-color:#036;color:#fff;font-size:.8rem;line-height:1.6;margin-top:auto;padding:15px 20px;text-align:center}@media (max-width:768px){header{align-items:flex-start;flex-direction:column}header nav{margin-top:10px}.feature-cards{align-items:center;flex-direction:column}}.shake-on-hover{display:inline-block;transition:transform .3s}.shake-on-hover:hover{animation:shake .5s;animation-iteration-count:1}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}#contact1{background-color:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:20px 0;text-align:center;width:100%}.payment-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.payment-title{color:#036;font-family:Tajawal,sans-serif;font-size:1.4rem;font-weight:700}.payment-icons{display:flex;flex-wrap:wrap;gap:15px}.payment-icons img{background-color:#fff;border-radius:6px;height:60px;-o-object-fit:contain;object-fit:contain;padding:5px;transition:transform .3s ease,box-shadow .3s ease}.payment-icons img:hover{box-shadow:0 4px 10px #0000001a;transform:scale(1.05)}.feature-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.feature-cards .card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:300px;padding:20px;text-align:center;transition:transform .3s;width:calc(25% - 20px)}.feature-cards .card:hover{transform:translateY(-5px)}@media (max-width:1200px){.feature-cards .card{width:calc(33.33% - 20px)}}@media (max-width:768px){.feature-cards .card{width:calc(50% - 20px)}}@media (max-width:480px){.feature-cards .card{width:100%}}#about-us details{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:10px;padding:15px;transition:box-shadow .3s}#about-us details:hover{box-shadow:0 4px 12px #0000001a}#about-us summary{align-items:center;color:#036;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:5px}#about-us summary i{color:#ffc107}#about-us details[open] summary:after{color:#036;content:"▲";font-size:.8rem;margin-right:5px}#about-us summary:after{color:#036;content:"▼";font-size:.8rem;margin-right:5px}#about-us ul{list-style:none;margin-top:10px;padding:0}#about-us ul li{font-size:1.05rem;margin-bottom:8px}#about-us ul li i{color:#28a745;margin-left:5px}#value details{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:10px;padding:15px;transition:box-shadow .3s}#value details:hover{box-shadow:0 4px 12px #0000001a}#value summary{align-items:center;color:#036;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:5px}#value summary i{color:#ffc107}#value details[open] summary:after{color:#036;content:"▲";font-size:.8rem;margin-right:5px}#value summary:after{color:#036;content:"▼";font-size:.8rem;margin-right:5px}.btn-orange{background-color:#ffc107;border-radius:8px;color:#036;display:inline-block;font-weight:700;padding:12px 20px;text-decoration:none}.main-nav{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.menu-toggle{background:none;border:none;cursor:pointer;display:none;font-size:24px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}h1,h2,h3{font-size:2rem}@font-face{font-display:swap;font-family:FontAwesome;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-display:swap;font-family:FontAwesomeBrands;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-display:swap;font-family:FontAwesomeRegular;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-display:swap;font-family:FontAwesomeCompatibility;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype")}@media (max-width:768px){.main-nav{background-color:#002b5b;display:none;flex-direction:column;padding:10px}.main-nav.show{display:flex}.menu-toggle{color:#fff;display:inline-block;left:15px;position:absolute;top:15px}.logo{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}}:root{--gd:#c8a951;--gd2:#f0d070;--t2:#8a6d10;--dark:#1a1a1a}.pricing-section{background:#fffdf7;padding:70px 20px;text-align:center}.pricing-section .wrap{margin:0 auto;max-width:1200px}.section-label{background:#c8a9511a;border-radius:50px;color:var(--t2);display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:10px;padding:6px 16px}.section-title{color:#1a1a1a;font-size:2.2rem;margin:10px 0}.section-title span{color:var(--gd)}.divider{background:linear-gradient(90deg,var(--gd),var(--gd2));border-radius:3px;height:3px;margin:16px auto;width:60px}.section-sub{color:#777;font-size:1rem;margin:0 auto;max-width:500px}.pgrid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-top:40px;text-align:right}.pc{background:#fff;border:1px solid rgba(200,169,81,.2);border-radius:18px;display:flex;flex-direction:column;padding:28px 24px;position:relative;transition:transform .3s,box-shadow .3s}.pc:hover{box-shadow:0 16px 30px #c8a95126;transform:translateY(-6px)}.pc.feat{border:2px solid var(--gd);box-shadow:0 10px 26px #c8a95133}.pc.soldout{opacity:.6}.feat-tag,.soldout-tag{background:linear-gradient(135deg,var(--gd),var(--gd2));border-radius:50px;box-shadow:0 4px 10px #c8a9514d;color:#1a1a1a;font-size:.75rem;font-weight:700;padding:5px 14px;position:absolute;right:20px;top:-12px}.soldout-tag{background:#999;color:#fff}.pc-ico{font-size:2rem;margin-bottom:10px}.pc h3{color:#1a1a1a;font-size:1.3rem;margin:0 0 8px}.pc .desc{color:#888;font-size:.9rem;margin-bottom:16px;min-height:40px}.price-box{margin-bottom:18px}.original-price{color:#bbb;font-size:.9rem;margin-left:8px;text-decoration:line-through}.discount-badge{background:#dc35451a;border-radius:6px;color:#dc3545;font-size:.75rem;font-weight:700;padding:2px 8px}.final-price{color:var(--gd);font-size:2rem;font-weight:900;margin:6px 0}.final-price .currency{color:#999;font-size:1rem;font-weight:500}.price-note{color:#999;font-size:.8rem}.duration-badge{background:#c8a9511a;border-radius:50px;color:var(--t2);display:inline-block;font-size:.8rem;font-weight:700;margin-top:10px;padding:4px 12px}.offer-countdown{background:#dc354514;color:#dc3545;margin:10px 0;padding:8px}.offer-countdown,.qty-warning{border-radius:8px;font-size:.8rem;font-weight:700;text-align:center}.qty-warning{background:#ffc1071a;color:#b8860b;margin-bottom:10px;padding:6px 10px}.pc ul{flex:1;list-style:none;margin:10px 0 20px;padding:0}.pc ul li{align-items:center;border-bottom:1px dashed rgba(200,169,81,.15);color:#444;display:flex;font-size:.88rem;gap:8px;padding:6px 0}.pcbtn{border:2px solid var(--gd);border-radius:50px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:700;padding:13px;transition:all .25s;width:100%}.pcbtn.fill{background:linear-gradient(135deg,var(--gd),var(--gd2));color:#1a1a1a}.pcbtn.out{background:transparent;color:var(--gd)}.pcbtn:hover{box-shadow:0 8px 18px #c8a9514d;transform:translateY(-2px)}.pcbtn.disabled{background:#eee;border-color:#ddd;color:#aaa;cursor:not-allowed}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0800b8;display:none;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.modal-overlay.show{display:flex}.modal{background:#fffdf7;border-radius:20px;box-shadow:0 30px 70px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;padding:30px 26px;position:relative;width:100%}.modal-close{background:#0000000f;border:none;border-radius:50%;cursor:pointer;font-size:14px;height:32px;left:14px;position:absolute;top:14px;width:32px}.steps{gap:6px;justify-content:center;margin-bottom:24px}.step,.steps{align-items:center;display:flex}.step{color:#bbb;flex-direction:column;font-size:.75rem;gap:4px}.step.active{color:var(--t2)}.step-num{align-items:center;background:#eee;border-radius:50%;color:#999;display:flex;font-size:.8rem;font-weight:700;height:26px;justify-content:center;width:26px}.step.active .step-num{background:var(--gd);color:#1a1a1a}.step-line{background:#eee;height:2px;width:30px}.selected-plan-badge{align-items:center;background:#c8a95114;border:1px solid rgba(200,169,81,.2);border-radius:14px;display:flex;justify-content:space-between;margin-bottom:18px;padding:14px 16px}.spb-name{color:#1a1a1a;font-weight:700}.spb-detail{color:#999;font-size:.78rem}.spb-price{color:var(--gd);font-size:1.3rem;font-weight:900}.form-group{margin-bottom:14px;text-align:right}.form-group label{color:#555;display:block;font-size:.85rem;font-weight:700;margin-bottom:6px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.form-control{border:1px solid #ddd;border-radius:10px;font-family:Tajawal,sans-serif;font-size:.9rem;padding:10px 14px;width:100%}.form-control:focus{border-color:var(--gd);outline:none}.form-check{align-items:center;color:#666;display:flex;font-size:.82rem;gap:8px;margin:14px 0}.form-check a{color:var(--gd)}.referral-box{align-items:center;border:1px solid #ddd;border-radius:10px;display:flex;gap:8px;padding:4px 12px}.referral-box input{border:none;flex:1;font-family:Tajawal,sans-serif;padding:8px 0}.referral-box input:focus{outline:none}.btn-submit{background:linear-gradient(135deg,var(--gd),var(--gd2));border:none;border-radius:50px;color:#1a1a1a;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:700;padding:13px;transition:all .25s;width:100%}.btn-submit:hover{box-shadow:0 8px 18px #c8a9514d;transform:translateY(-2px)}.swal2-container{z-index:999999!important}