*{margin:0;padding:0;box-sizing:border-box}body{font-family:cairo,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;direction:rtl}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-header{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f0f0f 100%);box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;top:0;width:100%;z-index:1000}.navbar{padding:1rem 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{height:70px;width:auto;transition:all .3s ease}.logo:hover{transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:#d4af37;text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:25px;transition:all .3s ease;position:relative;overflow:hidden}.nav-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);transition:left .5s}.nav-link:hover::before{left:100%}.nav-link:hover,.nav-link.active{background:rgba(212,175,55,.1);color:#fff;transform:translateY(-2px)}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer}.mobile-menu-toggle span{width:25px;height:3px;background:#d4af37;margin:3px 0;transition:.3s}.hero{background:linear-gradient(rgba(26,26,46,.8),rgba(22,33,62,.8)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 600"><rect width="1000" height="600" fill="%231a1a2e"/><polygon points="0,0 1000,300 1000,600 0,600" fill="%2316213e" opacity="0.5"/></svg>');background-size:cover;background-position:50%;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;margin-top:80px}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(45deg,#d4af37,#f4e4bc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out}.hero-content p{font-size:1.5rem;margin-bottom:2rem;animation:fadeInUp 1s ease-out .3s both}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(45deg,#d4af37,#b8941f);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative;overflow:hidden}.cta-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-btn:hover::before{left:100%}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(212,175,55,.3)}.cta-btn.secondary{background:0 0;border:2px solid #d4af37;color:#d4af37!important}.cta-btn.secondary:hover{background:#d4af37;color:#fff!important}.company-info{padding:5rem 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.company-info h2{text-align:center;font-size:2.5rem;margin-bottom:2rem;color:#1a1a2e;position:relative}.company-info h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(45deg,#d4af37,#b8941f)}.company-info p{font-size:1.2rem;line-height:1.8;text-align:center;color:#555;max-width:800px;margin:0 auto}.gallery-section{padding:5rem 0;background:#1a1a2e}.gallery-section h2{text-align:center;color:#d4af37;font-size:2.5rem;margin-bottom:3rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.gallery-item{position:relative;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px rgba(0,0,0,.3)}.gallery-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(212,175,55,.3)}.gallery-item img{width:100%;height:250px;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent,rgba(26,26,46,.8));display:flex;align-items:flex-end;justify-content:center;padding:1rem;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay i{color:#d4af37;font-size:2rem}.projects-section{padding:5rem 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.projects-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#1a1a2e}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.project-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;position:relative}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(212,175,55,.2)}.project-image{height:200px;background-size:cover;background-position:50%;position:relative}.project-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent,rgba(26,26,46,.7))}.project-content{padding:2rem}.project-content h3{font-size:1.5rem;margin-bottom:1rem;color:#1a1a2e}.project-content p{color:#666;margin-bottom:1.5rem;line-height:1.6}.project-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(45deg,#d4af37,#b8941f);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease}.project-btn:hover{transform:translateX(-5px);box-shadow:0 5px 15px rgba(212,175,55,.3)}.brochure-section{padding:5rem 0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);text-align:center;color:#fff}.brochure-section h2{font-size:2.5rem;margin-bottom:1rem;color:#d4af37}.brochure-section p{font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.brochure-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1.2rem 2.5rem;background:linear-gradient(45deg,#d4af37,#b8941f);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.2rem;transition:all .3s ease;animation:pulse 2s infinite}.brochure-btn:hover{transform:scale(1.05);animation:none}.fixed-contact{position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:999;opacity:0;transition:opacity .5s ease}.fixed-contact.show{opacity:1}.whatsapp-btn,.phone-btn{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:1.5rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.whatsapp-btn{background:linear-gradient(45deg,#25D366,#128C7E)}.phone-btn{background:linear-gradient(45deg,#d4af37,#b8941f)}.whatsapp-btn:hover,.phone-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.3)}.whatsapp-btn.pulse{animation:pulse 1s ease-in-out}.main-footer{background:#1a1a2e;color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:#d4af37;margin-bottom:1rem;font-size:1.3rem}.footer-section p,.footer-section li{margin-bottom:.5rem;line-height:1.6}.footer-section ul{list-style:none}.footer-section a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#d4af37}.footer-social{display:flex;gap:1rem;margin-top:1rem}.footer-social a{width:40px;height:40px;background:#d4af37;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.footer-social a:hover{background:#b8941f;transform:translateY(-3px)}.footer-bottom{border-top:1px solid #333;padding-top:1rem;text-align:center;color:#ccc}.disclaimer{margin-top:.5rem;font-style:italic;color:#d4af37}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9)}.modal-content{position:relative;margin:auto;padding:0;width:90%;max-width:1200px;top:50%;transform:translateY(-50%);text-align:center}.modal-content img{width:100%;height:auto;max-height:80vh;object-fit:contain}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;transition:.3s}.close:hover{color:#d4af37}.loading-spinner{display:none;border:4px solid #f3f3f3;border-top:4px solid #d4af37;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.mobile-menu-toggle{display:flex;z-index:1001}.nav-menu{display:none;position:fixed;top:80px;left:0;right:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);flex-direction:column;padding:1rem;box-shadow:0 5px 20px rgba(0,0,0,.3);z-index:1000;animation:slideDown .3s ease-out}.nav-menu.active{display:flex}.nav-menu li{margin:.5rem 0;text-align:center}.nav-link{display:block;padding:1rem;border-radius:10px;font-size:1.1rem;transition:all .3s ease}.nav-link:hover,.nav-link.active{background:rgba(212,175,55,.2);transform:translateX(5px)}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.cta-buttons{flex-direction:column;align-items:center}.fixed-contact{left:10px}.whatsapp-btn,.phone-btn{width:50px;height:50px;font-size:1.2rem}.gallery-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.close{right:15px;font-size:30px}.cta-buttons[style*=grid]{grid-template-columns:1fr!important;gap:1rem!important}div[style*="display: flex"]{flex-direction:column!important;gap:1rem!important}.logo{height:60px}}.cta-btn[style*="background: white"]{background:linear-gradient(45deg,#1a1a2e,#16213e)!important;color:#fff!important;border:2px solid #d4af37!important}.cta-btn[style*="background: white"]:hover{background:linear-gradient(45deg,#d4af37,#b8941f)!important;color:#fff!important;transform:translateY(-3px)}.cta-btn[style*="background: transparent"]{background:rgba(255,255,255,.1)!important;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.8)!important;color:#fff!important}.cta-btn[style*="background: transparent"]:hover{background:rgba(255,255,255,.9)!important;color:#1a1a2e!important}