@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap";@keyframes zoomHero{0%{transform:scale(1)}to{transform:scale(1.08)}}@media (width<=768px){.hero{padding:100px 20px}.hero h1{font-size:42px}.hero p{font-size:16px;line-height:1.9}.hero-btn{width:100%}}.complaint-section{background:#f7f8fa;padding:80px 0}.complaint-section h2{text-align:center;color:var(--text);margin-bottom:15px;font-size:42px;font-weight:800}.form-description{text-align:center;color:var(--text-light);margin-bottom:45px;font-size:18px}.form-card{max-width:900px;box-shadow:var(--shadow);background:#fff;border-radius:25px;margin:auto;padding:45px}.form-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--text);font-size:16px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:15px 18px;font-size:16px;transition:all .3s}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00732f1f}.field span{color:var(--text-light);font-size:14px}.form-card button{background:var(--primary);color:#fff;border-radius:50px;width:100%;margin-top:35px;padding:17px;font-size:18px;font-weight:700;transition:all .3s}.form-card button:hover{background:var(--primary-dark);transform:translateY(-2px)}.privacy{text-align:center;color:var(--text-light);margin-top:20px;font-size:14px}@media (width<=768px){.complaint-section{padding:50px 0}.complaint-section h2{font-size:32px}.form-card{padding:25px 20px}.form-grid{grid-template-columns:1fr}}.error{color:#dc3545;margin-top:4px;font-size:14px}.success-message{color:#00732f;text-align:center;background:#e8f5e9;border-radius:12px;margin-top:20px;padding:15px;font-weight:600}.form-card{background:#fff;border:1px solid #c8a24c40;border-radius:26px;padding:45px;box-shadow:0 20px 60px #00000014}.input-wrapper,.textarea-wrapper{box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #ddd;border-radius:14px;outline:none;align-items:center;gap:14px;padding:0 18px;transition:all .35s;display:flex}.input-wrapper svg,.textarea-wrapper svg{color:#c8a24c;flex-shrink:0}.input-wrapper input,.input-wrapper select{box-sizing:border-box;-webkit-tap-highlight-color:transparent;appearance:none;background:0 0;border:none;width:100%;height:58px;padding:0;font-size:16px;outline:none!important}.textarea-wrapper{align-items:flex-start;padding-top:18px}.textarea-wrapper textarea{resize:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:0 0 18px;font-size:16px;outline:none!important}.input-wrapper:focus-within,.textarea-wrapper:focus-within{border-color:#c8a24c;outline:none;box-shadow:0 0 0 5px #c8a24c1f}.input-wrapper input:focus,.input-wrapper select:focus,.textarea-wrapper textarea:focus{box-shadow:none!important;border:none!important;outline:none!important}.input-wrapper input:-webkit-autofill{caret-color:#1f1f1f;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1f1f1f!important;box-shadow:inset 0 0 0 1000px #fff!important}.input-wrapper input:-webkit-autofill:hover{caret-color:#1f1f1f;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1f1f1f!important;box-shadow:inset 0 0 0 1000px #fff!important}.input-wrapper input:-webkit-autofill:focus{caret-color:#1f1f1f;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1f1f1f!important;box-shadow:inset 0 0 0 1000px #fff!important}.input-wrapper input:-webkit-autofill:active{caret-color:#1f1f1f;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1f1f1f!important;box-shadow:inset 0 0 0 1000px #fff!important}.input-wrapper select:-webkit-autofill{caret-color:#1f1f1f;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1f1f1f!important;box-shadow:inset 0 0 0 1000px #fff!important}.input-wrapper select:-webkit-autofill:hover{caret-color:#1f1f1f;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1f1f1f!important;box-shadow:inset 0 0 0 1000px #fff!important}.input-wrapper select:-webkit-autofill:focus{caret-color:#1f1f1f;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1f1f1f!important;box-shadow:inset 0 0 0 1000px #fff!important}.textarea-wrapper textarea:-webkit-autofill{caret-color:#1f1f1f;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1f1f1f!important;box-shadow:inset 0 0 0 1000px #fff!important}.textarea-wrapper textarea:-webkit-autofill:hover{caret-color:#1f1f1f;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1f1f1f!important;box-shadow:inset 0 0 0 1000px #fff!important}.textarea-wrapper textarea:-webkit-autofill:focus{caret-color:#1f1f1f;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1f1f1f!important;box-shadow:inset 0 0 0 1000px #fff!important}:is(.input-wrapper input:autofill,.textarea-wrapper textarea:autofill){color:#1f1f1f!important;background-color:#fff!important}.form-card button{color:#fff;cursor:pointer;background:#c8a24c;border:none;border-radius:14px;width:100%;height:60px;margin-top:35px;font-size:18px;font-weight:700;transition:all .35s;display:block;box-shadow:0 12px 30px #c8a24c59}.form-card button:hover{background:#b38a2e;transform:translateY(-3px);box-shadow:0 18px 45px #c8a24c73}.success-message{color:#8a6818;background:#fff8e7;border:1px solid #c8a24c;border-radius:12px;margin-top:25px;padding:18px;font-weight:600}.section-form{background:linear-gradient(135deg,#fbfaf6 0%,#f5f0e3 35%,#eee2c2 70%,#e6d2a2 100%);padding:100px 20px;position:relative;overflow:hidden}.section-form:before{content:"";z-index:0;background:radial-gradient(circle at 50% 30%,#c8a24c29,#0000 60%);position:absolute;inset:0}.section-form .form-card{z-index:2;background:#fffdf8;position:relative}.section-form .form-card:after{content:"";pointer-events:none;z-index:1;border:1px solid #c8a24c66;border-radius:16px;position:absolute;inset:14px}@media (width<=768px){.section-form{padding:60px 16px}.section-form .form-card:after{inset:8px}}.why{background:#faf8f4;padding:70px 20px}.why-container{width:100%;max-width:1300px;margin:auto;padding:0 30px}.why h2{text-align:center;color:#1f1f1f;margin-bottom:12px;font-size:30px}.why-subtitle{text-align:center;color:#777;max-width:600px;margin:auto auto 45px;font-size:15px;line-height:1.8}.why-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.why-card{text-align:center;background:#fff;border:1px solid #c8a24c2e;border-radius:18px;padding:30px 22px;transition:all .35s;box-shadow:0 10px 26px #0000000d}.why-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #c8a24c2e}.icon{color:#fff;background:linear-gradient(135deg,#d8b45a,#b98a22);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:auto auto 16px;display:flex}.why-card h3{margin-bottom:10px;font-size:18px}.why-card p{color:#666;font-size:14.5px;line-height:1.7}@media (width<=900px){.why-grid{grid-template-columns:1fr}.why{padding:45px 16px}}.how{background:#fff;padding:80px 20px}.how-container{width:100%;max-width:1400px;margin:auto}.how h2{text-align:center;margin-bottom:12px;font-size:34px}.how-desc{text-align:center;color:#777;margin-bottom:50px}.steps{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.step{text-align:center;opacity:0;background:#faf8f3;border:1px solid #c8a24c2e;border-radius:22px;padding:25px 20px;transition:opacity .8s cubic-bezier(.22,.9,.32,1),transform .8s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .4s;position:relative;transform:translateY(70px)scale(.82)}.step.in-view{opacity:1;transform:translateY(0)scale(1)}.step:hover{border-color:#c8a24c;transform:translateY(-14px)scale(1.05);box-shadow:0 30px 55px #c8a24c47}.step-number{color:#fff;background:#c8a24c;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:-15px;right:20px}.step:hover .step-number{transform:scale(1.2)rotate(8deg)}.step-icon{color:#c8a24c;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin:10px auto 18px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .35s,color .35s;display:flex}.step:hover .step-icon{color:#fff;background:#c8a24c;transform:scale(1.18)rotate(-10deg)}.step h3{margin-bottom:10px;font-size:19px}.step p{color:#666;font-size:14px;line-height:1.8}@media (prefers-reduced-motion:reduce){.step{opacity:1;transition:none;transform:none}}@media (width<=900px){.steps{grid-template-columns:1fr;gap:20px}.how{padding:60px 15px}}.faq{background:#faf8f3;padding:80px 20px}.faq-container{max-width:900px;margin:auto}.faq h2{text-align:center;margin-bottom:12px;font-size:34px}.faq-desc{text-align:center;color:#777;margin-bottom:45px}.faq-item{background:#fff;border:1px solid #c8a24c2e;border-radius:16px;margin-bottom:15px;overflow:hidden}.faq-item button{cursor:pointer;color:#222;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:22px;font-family:inherit;font-size:17px;display:flex}.faq-item button svg{color:#c8a24c;transition:all .3s}.faq-item.active button svg{transform:rotate(180deg)}.faq-answer{max-height:0;transition:all .35s;overflow:hidden}.faq-item.active .faq-answer{max-height:200px}.faq-answer p{color:#666;padding:0 22px 22px;font-size:15px;line-height:1.9}@media (width<=768px){.faq{padding:60px 15px}.faq h2{font-size:28px}.faq-item button{padding:18px;font-size:15px}}.footer{color:#fff;background:linear-gradient(135deg,#17140e,#2b2416);padding:70px 25px 25px;position:relative;overflow:hidden}.footer:before{content:"";filter:blur(120px);background:#c8a24c1f;border-radius:50%;width:450px;height:450px;position:absolute;top:-200px;right:-150px}.footer-container{z-index:2;grid-template-columns:2fr 1fr 1fr;gap:60px;max-width:1300px;margin:auto;display:grid;position:relative}.footer-logo{color:#d8b45a;align-items:center;gap:12px;margin-bottom:20px;font-size:24px;font-weight:700;display:flex}.footer-brand p{color:#c8c8c8;max-width:420px;line-height:2}.footer h3{color:#d8b45a;margin-bottom:22px;font-size:20px}.footer-links{flex-direction:column;gap:14px;display:flex}.footer-links a{color:#ddd;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#d8b45a;padding-right:8px}.footer-contact div{color:#ddd;align-items:center;gap:12px;margin-bottom:18px;display:flex}.footer-contact svg{color:#d8b45a}.footer-bottom{z-index:2;border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;max-width:1300px;margin:50px auto 0;padding-top:25px;display:flex;position:relative}.footer-bottom p{color:#aaa;font-size:14px}.footer-bottom button{cursor:pointer;color:#fff;background:#c8a24c;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}@media (width<=900px){.footer-container{grid-template-columns:1fr;gap:35px}.footer-bottom{text-align:center;flex-direction:column;gap:20px}}.legal-page{direction:rtl;background:#faf8f3;min-height:100vh;padding:120px 20px}.legal-container{background:#fff;border-radius:25px;max-width:900px;margin:auto;padding:50px;box-shadow:0 20px 50px #00000014}.legal-container h1{text-align:center;color:#2b2416;margin-bottom:40px;font-size:38px}.legal-container h2{color:#b98a22;margin-top:35px;margin-bottom:12px;font-size:22px}.legal-container p{color:#555;font-size:16px;line-height:2}@media (width<=768px){.legal-page{padding:80px 15px}.legal-container{padding:30px 20px}.legal-container h1{font-size:30px}}:root{--gold:#c8a24c;--gold-dark:#a87f1c;--black:#151515;--white:#fff;--bg:#f8f8f5;--border:#e8d6a7;--shadow:0 18px 60px #00000014}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);direction:rtl;font-family:Tajawal,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea,button{font-family:inherit}.container{width:min(100% - 40px,var(--container));margin-inline:auto}.hero{background:url(/87.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:inherit;z-index:0;animation:18s ease-in-out infinite alternate zoomHero;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(#000000b8,#0009);position:absolute;inset:0}#hero-particles{z-index:2;position:absolute;inset:0}.hero-content{z-index:3;text-align:center;color:#fff;width:min(900px,90%);position:relative}.hero-badge{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#e7c86a;background:#ffffff14;border:1px solid #c8a24c73;border-radius:50px;margin-bottom:25px;padding:10px 22px;font-weight:600;display:inline-block}.hero h1{text-shadow:0 0 25px #c8a24c40;margin-bottom:25px;font-size:clamp(40px,7vw,72px);line-height:1.1}.hero p{opacity:.92;max-width:760px;margin:auto;font-size:20px;line-height:2}.hero-btn{cursor:pointer;color:#fff;background:#c8a24c;border:none;border-radius:14px;margin-top:45px;padding:18px 46px;font-size:18px;font-weight:700;transition:all .35s;box-shadow:0 10px 35px #c8a24c59}.hero-btn:hover{background:#b28b34;box-shadow:0 0 45px #c8a24c8c}@media (width<=768px){.hero{padding:100px 20px}.hero h1{font-size:42px}.hero p{font-size:16px;line-height:1.9}.hero-btn{width:100%}}