:root{--primary: #1e3a8a;--accent: #f97316;--muted: #f3f4f6;--card: #ffffff;--text: #0f172a;--radius: 12px;--max-width: 1100px}body{margin:0;font-family:Open Sans,Arial,sans-serif;background:var(--muted);color:var(--text);direction:rtl}html,body{touch-action:pan-x pan-y;overscroll-behavior:none}input,textarea,select{font-size:16px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.logo-area{display:flex;align-items:center;gap:14px}.logo{width:56px;height:56px;border-radius:10px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.logo-title{font-weight:700}.logo-sub{font-size:13px;color:#64748b}.container{max-width:var(--max-width);margin:0 auto;padding:24px}.btn-primary{display:inline-block;padding:12px 18px;border-radius:10px;background:var(--primary);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 6px 18px #1e3a8a2e}.btn-accent{background:var(--accent)}.hero{background:linear-gradient(90deg,#1e3a8a14,#f9731605);border-radius:var(--radius);padding:28px;display:grid;grid-template-columns:1fr 420px;gap:20px;align-items:center}.title{font-family:Assistant,sans-serif;font-weight:700;font-size:28px;margin:0 0 12px}.hero-actions{display:flex;gap:12px;align-items:center}.link{text-decoration:none;color:var(--primary);font-weight:700}.hero-image img{width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:0 8px 30px #02061714}.features{display:flex;gap:14px;margin-top:18px}.feature{background:var(--card);padding:14px;border-radius:10px;flex:1;display:flex;gap:12px;align-items:center;box-shadow:0 6px 18px #0206170a}.icon{width:44px;height:44px;border-radius:8px;background:linear-gradient(180deg,var(--primary),#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.card{background:var(--card);border-radius:10px;padding:10px;box-shadow:0 6px 18px #0206170a}.card img{width:100%;height:160px;object-fit:cover;border-radius:8px}.label{margin-top:10px;font-weight:600}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.service{background:linear-gradient(180deg,rgba(30,58,138,.03),transparent);padding:14px;border-radius:10px}.contact{display:grid;grid-template-columns:1fr 380px;gap:18px;margin:28px 0}.contact-card{background:var(--card);padding:18px;border-radius:10px;box-shadow:0 6px 18px #0206170a;margin-bottom:20px}form label{display:block;font-size:13px;margin-bottom:6px}form input,form textarea{width:90%;padding:10px;border-radius:8px;border:1px solid #e6e9ee;font-size:14px;margin-bottom:10px}form textarea{min-height:120px;resize:vertical}.submit-row{display:flex;gap:12px;align-items:center}.phone-hint{color:#64748b;font-size:13px}.cta{background:var(--primary);color:#fff;padding:18px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin:20px 0}.whatsapp-btn{position:fixed;bottom:20px;left:20px;background-color:#25d366;color:#fff;border-radius:50px;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 4px 10px #25d36680;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10000;transition:background-color .3s ease;width:60px;height:60px}.whatsapp-btn:hover{background-color:#1ebe57}.whatsapp-btn span{display:inline-block}footer{margin-top:28px;text-align:center;color:#64748b;font-size:14px}@media (max-width: 980px){.hero{grid-template-columns:1fr}.gallery,.services{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}}@media (max-width: 560px){.gallery{grid-template-columns:1fr}.features{flex-direction:column}}.accessibility-menu button{display:flex;align-items:center;gap:8px;background:#007bff;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.accessibility-menu button:hover{background-color:#0056b3}.accessibility-btn{position:fixed;bottom:20px;right:20px;background-color:#007bff;color:#fff;border:none;border-radius:50%;width:60px;height:60px;font-size:28px;cursor:pointer;box-shadow:0 4px 8px #0003;z-index:9999;transition:background-color .3s ease,transform .2s ease;display:flex;justify-content:center;align-items:center}.accessibility-btn:hover{background-color:#0056b3;transform:scale(1.1)}.accessibility-menu{position:fixed;bottom:90px;right:20px;background:#fff;box-shadow:0 4px 12px #00000026;border-radius:10px;padding:10px 15px;display:flex;flex-direction:column;gap:10px;z-index:10000;width:180px}.fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flex{display:flex;justify-content:space-around;gap:5px;border:1px solid #28a745;background-color:#28a745;width:100%;color:#000;height:50px}.text{margin:auto}.spinner{position:fixed;top:50%;right:50%;width:18px;height:18px;border:2px solid transparent;border-top:2px solid transparent;border-radius:50%;background:conic-gradient(from 0deg,#1e3c72,#2a5298,#fff);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),black calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),black calc(100% - 1px));animation:spin .8s linear infinite,gradientShift 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}
