:root{--navy:#08182f;--navy-light:#12284c;--orange:#f28c28;--orange-dark:#d87518;--yellow:#fdcb02;--blue-ind:#306fb2;--steel:#2c3e50;--concrete:#e8e4dc;--bg-color:#fafafa;--text-primary:#1a202c;--text-secondary:#4a5568;--text-light:#f7fafc;--border-color:#e2e8f0;--font-primary:"Outfit", sans-serif;--font-arabic:"Cairo", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-orange:0 10px 25px -5px #f28c2866;--glass-bg:#08182fd9;--glass-border:#ffffff1a;--spacing-section:6rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--text-primary);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}[lang=ar] body{font-family:var(--font-arabic);direction:rtl}h1,h2,h3,h4,h5,h6{color:var(--navy);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:all .3s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section{padding:var(--spacing-section) 0}.section-dark{background-color:var(--navy);color:var(--text-light)}.section-dark h2,.section-dark h3{color:var(--text-light)}.section-concrete{background-color:var(--concrete)}.grid{gap:2rem;display:grid}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,1fr)}@media (width>=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.btn{text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--orange);color:#fff;box-shadow:var(--shadow-orange)}.btn-primary:hover{background-color:var(--orange-dark);transform:translateY(-2px);box-shadow:0 15px 30px -5px #f28c2880}.btn-outline{color:var(--text-light);background-color:#0000;border:2px solid #ffffff4d}.btn-outline:hover{background-color:#ffffff1a;border-color:#fff}.section-header{text-align:center;margin-bottom:4rem}.section-tag{color:var(--orange);text-transform:uppercase;letter-spacing:.1em;border-left:4px solid var(--orange);background-color:#f28c281a;margin-bottom:1rem;padding:.25rem 1rem;font-size:.875rem;font-weight:700;display:inline-block}[lang=ar] .section-tag{border-left:none;border-right:4px solid var(--orange)}.section-title{margin-bottom:1rem;font-size:2.5rem;display:inline-block;position:relative}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.section-dark .section-subtitle{color:#ffffffb3}.header{z-index:50;background-color:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);width:100%;transition:all .3s;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo-container{align-items:center;gap:1rem;display:flex}.logo-img{border-radius:6px;width:auto;height:48px;display:block}.footer-about .logo-img{height:40px}.logo-text{color:#fff;letter-spacing:.05em;font-size:1.75rem;font-weight:900;line-height:1}.logo-subtext{color:#ffffffb3;text-transform:uppercase;letter-spacing:.2em;margin-top:.25rem;font-size:.65rem}.nav-links{gap:2rem;display:none}@media (width>=1024px){.nav-links{display:flex}}.nav-link{color:#fffc;padding:.5rem 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:after{content:"";background-color:var(--orange);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}[lang=ar] .nav-link:after{left:auto;right:0}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.header-actions{align-items:center;gap:1rem;display:flex}.lang-switch{color:#fff;cursor:pointer;border-radius:.25rem;align-items:center;gap:.25rem;padding:.5rem;font-weight:600;display:flex}.lang-switch:hover{background-color:#ffffff1a}.btn-header{display:none}@media (width>=768px){.btn-header{display:inline-flex}}.mobile-menu-btn{color:#fff;display:block}@media (width>=1024px){.mobile-menu-btn{display:none}}.mobile-menu{background-color:var(--navy);border-top:1px solid var(--glass-border);flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem;display:flex}@media (width>=1024px){.mobile-menu{display:none}}.mobile-nav-link{color:#ffffffd9;border-bottom:1px solid #ffffff14;padding:.75rem 0;font-size:1rem;font-weight:600}.mobile-nav-link:hover{color:var(--orange)}.mobile-menu .btn{margin-top:.75rem}.hero{align-items:center;height:100vh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{z-index:2;background:linear-gradient(90deg,#08182fe6 0%,#08182f99 50%,#08182f4d 100%);width:100%;height:100%;position:absolute;top:0;left:0}[lang=ar] .hero-overlay{background:linear-gradient(270deg,#08182fe6 0%,#08182f99 50%,#08182f4d 100%)}.hero-content{z-index:10;color:#fff;max-width:800px;position:relative}.hero-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-left:3px solid var(--orange);letter-spacing:.1em;text-transform:uppercase;background-color:#ffffff1a;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}[lang=ar] .hero-tag{border-left:none;border-right:3px solid var(--orange)}.hero-title{color:#fff;margin-bottom:1.5rem;font-size:3.5rem;font-weight:900;line-height:1.1}.hero-title span{color:var(--orange)}.hero-desc{color:#fffc;max-width:600px;margin-bottom:2.5rem;font-size:1.25rem}.hero-stats{border-top:1px solid #fff3;gap:3rem;margin-top:4rem;padding-top:2rem;display:flex}.stat-item h4{color:var(--orange);margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1}.stat-item p{color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}@media (width<=768px){.hero-title{font-size:2.5rem}.hero-stats{flex-wrap:wrap;gap:1.5rem}}.about-grid{grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}@media (width>=1024px){.about-grid{grid-template-columns:1fr 1fr}}.about-content h3{color:var(--navy);margin-bottom:1.5rem;font-size:2rem}.about-content p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem}.about-features{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;display:grid}.feature-item{align-items:flex-start;gap:1rem;display:flex}.feature-icon{color:var(--orange);background-color:#f28c281a;border-radius:.25rem;padding:.75rem}.feature-text h5{margin-bottom:.25rem;font-size:1.125rem}.feature-text p{margin-bottom:0;font-size:.875rem}.about-image{position:relative}.about-image img{box-shadow:var(--shadow-xl);border:8px solid #fff}.about-badge{background-color:var(--navy);color:#fff;box-shadow:var(--shadow-lg);border-left:4px solid var(--orange);padding:2rem;position:absolute;bottom:-2rem;left:-2rem}[lang=ar] .about-badge{border-left:none;border-right:4px solid var(--orange);left:auto;right:-2rem}.about-badge h4{color:#fff;margin-bottom:.5rem;font-size:2rem}.about-badge p{color:#fffc;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.875rem}@media (width<=768px){.about-badge{padding:1.5rem;bottom:-1rem;left:1rem;right:1rem}}.service-card{border:1px solid var(--border-color);background-color:#fff;border-top:4px solid #0000;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden}.service-card:hover{box-shadow:var(--shadow-xl);border-top-color:var(--orange);transform:translateY(-5px)}.service-icon-wrapper{width:60px;height:60px;color:var(--blue-ind);background-color:#306fb20d;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:all .3s;display:flex}.service-card:hover .service-icon-wrapper{background-color:var(--orange);color:#fff}.service-card h4{margin-bottom:1rem;font-size:1.25rem;transition:color .3s}.service-card:hover h4{color:var(--orange)}.service-card p{color:var(--text-secondary);font-size:.95rem}.poster-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=640px){.poster-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.poster-grid{grid-template-columns:repeat(3,1fr)}}.poster-card{box-shadow:var(--shadow-lg);background-color:#fff;border-radius:.25rem;padding:.75rem;transition:transform .3s,box-shadow .3s}.poster-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.poster-img{border-radius:.15rem;width:100%;height:auto;display:block}.poster-label{text-align:center;color:var(--navy);padding:1rem .5rem .5rem;font-size:1rem;font-weight:700}.project-card{background-color:var(--navy);position:relative;overflow:hidden}.project-img{object-fit:cover;opacity:.8;width:100%;height:300px;transition:transform .5s}.project-card:hover .project-img{opacity:.5;transform:scale(1.05)}.project-content{opacity:0;width:100%;padding:2rem;transition:all .3s;position:absolute;bottom:0;left:0;transform:translateY(20px)}.project-card:hover .project-content{opacity:1;transform:translateY(0)}.project-cat{color:var(--orange);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.project-title{color:#fff;margin:0;font-size:1.5rem}.quote-container{box-shadow:var(--shadow-xl);z-index:20;border-top:4px solid var(--orange);background-color:#fff;max-width:800px;margin:-100px auto 0;padding:3rem;position:relative}.form-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.form-grid{grid-template-columns:1fr 1fr}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--navy);font-size:.875rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-primary);padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #f28c281a}.form-textarea{resize:vertical;min-height:120px}.form-success{border-left:4px solid var(--blue-ind);color:var(--navy);background-color:#306fb21a;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:600}[lang=ar] .form-success{border-left:none;border-right:4px solid var(--blue-ind)}.footer{color:#ffffffb3;background-color:#051020;padding:4rem 0 2rem}.footer-top{grid-template-columns:1fr;gap:3rem;margin-bottom:3rem;display:grid}@media (width>=768px){.footer-top{grid-template-columns:2fr 1fr 1fr}}.footer-about h4{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:900}.footer-about p{max-width:400px;margin-bottom:1.5rem}.footer-contact{flex-direction:column;gap:1rem;display:flex}.footer-contact-item{align-items:flex-start;gap:.75rem;display:flex}.footer-contact-item svg{color:var(--orange);flex-shrink:0;margin-top:.25rem}.footer-links h5{color:#fff;margin-bottom:1.5rem;font-size:1.125rem}.footer-links ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links a{transition:color .3s}.footer-links a:hover{color:var(--orange)}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding-top:2rem;font-size:.875rem}.text-orange{color:var(--orange)}.text-navy{color:var(--navy)}.bg-concrete{background-color:var(--concrete)}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}