:root{--primary:#ff5722;--primary-hover:#e64a19;--secondary:#fff;--dark:#1e293b;--header-bg:#1e2530;--topbar-bg:#161b22;--light:#f8fafc;--gray:#64748b;--bg-color:#fff;--section-bg:#f9fafb;--card-bg:#fff;--border-color:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-color);color:var(--dark);scroll-behavior:smooth;font-family:Cairo,sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .3s}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.top-bar{background-color:var(--topbar-bg);color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:8px 0;font-size:.85rem}.top-bar-container{justify-content:space-between;align-items:center;display:flex}.top-bar-contact{align-items:center;gap:20px;display:flex}.top-bar-social{gap:15px;display:flex}.top-bar a{color:#cbd5e1}.top-bar a:hover{color:var(--primary)}.main-header{background:var(--header-bg);z-index:1000;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000001a}.header-container{justify-content:space-between;align-items:center;max-width:100%;height:90px;padding:0 40px;display:flex}.logo img{height:45px;display:block}.main-nav ul{align-items:center;gap:25px;display:flex}.main-nav a{color:#fff;text-transform:uppercase;font-size:.95rem;font-weight:600;transition:color .3s}.main-nav a:hover{color:var(--primary)}.cta-header-btn{background:var(--primary);color:#fff;border-radius:4px;padding:10px 24px;font-size:1rem;font-weight:700;transition:background .3s}.cta-header-btn:hover{background:var(--primary-hover)}.main-footer{background:var(--header-bg);color:#cbd5e1;padding:80px 0 20px}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand h3{color:#fff;margin-bottom:15px;font-size:2rem}.footer-brand p{color:#cbd5e1;max-width:400px;line-height:1.8}.footer-links h4{color:#fff;margin-bottom:20px;font-size:1.3rem}.footer-links ul{flex-direction:column;gap:12px;display:flex}.footer-links a{color:#cbd5e1}.footer-links a:hover{color:var(--primary);padding-right:5px}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #ffffff0d;margin-top:40px;padding-top:20px}@media (width<=768px){.main-nav{display:none}.footer-content{grid-template-columns:1fr}}.floating-whatsapp{color:#fff;text-align:center;z-index:1000;background-color:#25d366;border-radius:50px;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;transition:transform .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 15px #00000026}.floating-whatsapp:hover{transform:scale(1.1)}.floating-whatsapp svg{width:35px;height:35px}.floating-call{background-color:var(--primary);color:#fff;z-index:1000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 10px #0000004d}.floating-call svg{width:25px;height:25px}.floating-call:hover{transform:scale(1.1)}.scroll-to-top{background-color:var(--header-bg);color:#fff;z-index:1000;cursor:pointer;opacity:0;visibility:hidden;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;bottom:90px;left:20px;box-shadow:0 4px 10px #0000004d}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top svg{width:20px;height:20px}.scroll-to-top:hover{background-color:var(--primary)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:10px;display:none}.mobile-menu-btn span{background-color:#fff;border-radius:2px;width:30px;height:3px;transition:all .3s;display:block}.hide-on-mobile{display:block}@media (width<=992px){.top-bar{display:none}.top-bar-contact{flex-direction:column;align-items:center;gap:10px;width:100%}.top-bar-contact span{font-size:.9rem}.hide-on-mobile{display:none!important}.mobile-menu-btn{display:flex}.header-container{position:relative}.main-nav{background-color:var(--header-bg);z-index:999;border-top:1px solid #ffffff1a;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 10px #0000001a}.main-nav.active{display:flex}.main-nav ul{flex-direction:column;width:100%}.main-nav ul li{text-align:center;border-bottom:1px solid #ffffff0d;width:100%}.main-nav ul li a{padding:15px;display:block}.footer-content{text-align:center;flex-direction:column;gap:30px}}