@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap";@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.hero-container{grid-template-columns:1fr;gap:40px}.hero{padding:50px 0}}@media (width<=600px){.hero{min-height:auto;padding:40px 0}.hero-overlay{background:linear-gradient(#000c,#000000a6)}.hero-content h1{font-size:34px}.hero-content p{font-size:17px}.form-card{padding:25px 20px}}.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}:root{--primary:#00732f;--primary-dark:#005f27;--red:#ce1126;--black:#1d1d1d;--white:#fff;--bg:#f7f8fa;--border:#e4e7ec;--text:#202124;--text-light:#5f6368;--shadow:0 15px 40px #00000014;--radius:18px;--transition:.3s ease;--container:1280px}*{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-image:url(/8888.jpg);background-position:50%;background-size:cover;align-items:center;min-height:100vh;padding:60px 0;display:flex;position:relative}.hero-overlay{background:linear-gradient(90deg,#000000bf,#00000073);position:absolute;inset:0}.hero-container{z-index:2;grid-template-columns:1fr 450px;align-items:center;gap:70px;display:grid;position:relative}.hero-content{color:#fff;animation:.8s fadeUp}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:50px;margin-bottom:25px;padding:10px 18px;font-size:15px;display:inline-flex}.hero-content h1{margin-bottom:25px;font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.25}.hero-content p{color:#ffffffe6;max-width:600px;margin-bottom:35px;font-size:20px;line-height:1.8}.hero-features{flex-direction:column;gap:18px;display:flex}.feature{align-items:center;gap:12px;font-size:17px;display:flex}.feature svg{color:#4ade80}.form-card{border-radius:var(--radius);box-shadow:var(--shadow);border-top:5px solid var(--primary);background:#fff;padding:35px;animation:.8s .15s both fadeUp}@media (width<=1000px){.hero-container{grid-template-columns:1fr;gap:40px}.hero{padding:50px 0}}@media (width<=600px){.hero{min-height:auto;padding:40px 0}.hero-overlay{background:linear-gradient(#000c,#000000a6)}.hero-content h1{font-size:34px}.hero-content p{font-size:17px}.form-card{padding:25px 20px}}.hero-btn{background:var(--primary);color:#fff;border-radius:50px;margin-top:35px;padding:15px 35px;font-size:18px;font-weight:700;transition:all .3s;display:inline-flex}.hero-btn:hover{background:var(--primary-dark);transform:translateY(-3px)}
