*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif;background:#f5f7fa;color:#1f2933}a{text-decoration:none}.app{min-height:100vh}h1,h2,h3,h4,.section-tag,.nav-link,.lang-btn,.hero-buttons button,.contact-form button,.modal button{font-family:Alexandria,Cairo,sans-serif}.header{position:sticky;top:0;z-index:1000;background:#0c1f33f7;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px 7%;box-shadow:0 4px 20px #00000040}.logo-container{display:flex;align-items:center;gap:14px;text-decoration:none}.logo-container *{text-decoration:none!important}.logo{width:62px;height:auto}.logo-container h2{font-size:1.55rem;margin-bottom:4px;color:#fff;font-weight:800;letter-spacing:-.3px}.logo-container span{font-size:.95rem;color:#d6b46a;font-family:Cairo,sans-serif;font-weight:600}nav{display:flex;align-items:center;gap:22px}.nav-link{color:#fff;text-decoration:none;font-size:.95rem;font-weight:700;transition:.3s}.nav-link:hover{color:#d6b46a}.lang-btn{background:#d6b46a;color:#0c1f33;border:none;padding:10px 18px;border-radius:25px;font-weight:800;cursor:pointer;transition:.3s}.lang-btn:hover{background:#fff}.hero{min-height:88vh;background:linear-gradient(#0c1f33c7,#0c1f33c7),url(/images/hero.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 7%;color:#fff}.hero-content{max-width:950px}.hero-logo{width:160px;margin-bottom:28px}.hero h1{font-size:3rem;margin-bottom:22px;line-height:1.35;font-weight:800}.hero p{font-size:1.18rem;line-height:2;color:#f1f5f9;margin-bottom:35px;font-weight:500}.hero-buttons{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.hero-buttons button{background:#d6b46a;color:#0c1f33;border:2px solid #d6b46a;padding:14px 28px;border-radius:30px;font-size:1rem;font-weight:800;cursor:pointer;transition:.3s}.hero-buttons button:hover{background:#fff;border-color:#fff}.hero-buttons .outline{background:transparent;color:#fff;border-color:#fff}.hero-buttons .outline:hover{background:#fff;color:#0c1f33}.about-page{min-height:100vh;background:#fff;padding:90px 7%}.about-page-container{max-width:1150px;margin:auto}.section-tag{display:inline-block;background:#d6b46a24;color:#b8892d;padding:8px 16px;border-radius:25px;font-weight:800;margin-bottom:18px;font-size:.95rem}.about-page h1{color:#0c1f33;font-size:2.7rem;margin:25px 0;line-height:1.4;font-weight:800}.about-page p{color:#4f6075;line-height:2.15;margin-bottom:20px;font-size:1.08rem;text-align:justify;font-weight:500}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;padding:70px 7%;background:#f5f7fa}.card{background:#fff;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 8px 25px #00000014;transition:.35s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-8px);box-shadow:0 18px 40px #00000029}.card img{width:100%;height:230px;object-fit:cover}.card-content{padding:22px;flex:1;display:flex;flex-direction:column}.card-content h3{font-size:1.14rem;color:#0c1f33;margin-bottom:12px;line-height:1.55;font-weight:800}.card-content p{font-size:.98rem;line-height:1.9;color:#5f6c7b;min-height:75px;font-weight:500}.read-more{display:inline-block;margin-top:auto;padding-top:16px;font-weight:800;color:#0c5ea8}.projects-section{background:#fff;padding:75px 7%;text-align:center}.projects-section h2{font-size:2.3rem;color:#0c1f33;margin-bottom:15px;font-weight:800}.projects-section p{color:#5f6c7b;font-size:1.05rem;line-height:1.9;max-width:850px;margin:auto;font-weight:500}.contact-section{background:#0c1f33;color:#fff;padding:75px 7%}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.contact-info h2{font-size:2.2rem;margin-bottom:18px;color:#d6b46a;font-weight:800}.contact-info h3{font-size:1.35rem;margin-bottom:20px;font-weight:800}.contact-info p{line-height:1.9;margin-bottom:10px;color:#e5e7eb;font-weight:500}.map-link{display:inline-block;margin-top:18px;color:#d6b46a;font-weight:800}.map-link:hover{color:#fff}.contact-form{background:#fff;padding:30px;border-radius:18px;box-shadow:0 12px 35px #00000040}.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;margin-bottom:15px;border:1px solid #d1d5db;border-radius:10px;font-size:1rem;font-family:Cairo,sans-serif;outline:none;font-weight:500}.contact-form input:focus,.contact-form textarea:focus{border-color:#d6b46a;box-shadow:0 0 0 3px #d6b46a2e}.contact-form textarea{resize:vertical}.contact-form button{width:100%;background:#d6b46a;color:#0c1f33;border:none;padding:14px;border-radius:10px;font-size:1rem;font-weight:800;cursor:pointer;transition:.3s}.contact-form button:hover{background:#0c1f33;color:#fff}.modal-overlay{position:fixed;inset:0;z-index:2000;background:#000000b8;display:flex;align-items:flex-start;justify-content:center;padding:35px 20px;overflow-y:auto}.modal{background:#fff;color:#1f2933;max-width:950px;width:95%;min-height:auto;max-height:none;overflow:visible;border-radius:20px;padding:28px;margin-bottom:40px;box-shadow:0 25px 60px #00000059}.modal img{width:100%;height:260px;object-fit:cover;border-radius:14px;margin-bottom:22px}.modal h2{color:#0c1f33;font-size:1.8rem;margin-bottom:12px;font-weight:800}.modal p{color:#5f6c7b;line-height:1.9;margin-bottom:20px;font-weight:500}.modal h4{color:#0c1f33;font-size:1.2rem;margin-bottom:12px;font-weight:800}.modal ul{padding-left:24px;line-height:1.95;margin-bottom:25px}.modal li{margin-bottom:8px;font-weight:500}.modal button{background:#0c1f33;color:#fff;border:none;padding:12px 28px;border-radius:25px;font-weight:800;cursor:pointer}.modal button:hover{background:#d6b46a;color:#0c1f33}[dir=rtl]{font-family:Cairo,Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] .section-tag,[dir=rtl] .nav-link,[dir=rtl] .lang-btn{font-family:Alexandria,Cairo,sans-serif}[dir=rtl] .modal ul{padding-right:24px;padding-left:0}[dir=rtl] .card-content,[dir=rtl] .contact-info,[dir=rtl] .modal,[dir=rtl] .about-page-container{text-align:right}@media(max-width:950px){.header{flex-direction:column;gap:16px;padding:16px 5%}nav{flex-wrap:wrap;justify-content:center;gap:15px}.hero h1{font-size:2.25rem}.hero p{font-size:1.05rem}.contact-wrapper{grid-template-columns:1fr}.about-page h1{font-size:2.1rem}}@media(max-width:600px){.services{grid-template-columns:1fr;padding:45px 5%}.hero{padding:70px 5%}.hero-logo{width:120px}.hero h1{font-size:1.85rem}.hero p{font-size:.98rem}.about-page{padding:55px 5%}.about-page h1{font-size:1.8rem}.about-page p{font-size:.98rem;line-height:2}.card img{height:210px}.modal{padding:20px}.modal img{height:220px}.contact-section{padding:55px 5%}.contact-form{padding:22px}}