html,body{width:100%;min-height:100%;margin:0;padding:0;font-family:Calibri,Arial,Tahoma,sans-serif}#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:#081421;width:100%;font-family:Calibri,Arial,Tahoma,sans-serif;overflow-x:hidden}.app{width:100%}.header{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050a14f2;justify-content:space-between;align-items:center;width:100%;padding:16px 60px;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:14px;display:flex}.logo{object-fit:contain;width:55px;height:55px}.logo-container h2{color:#d78a2d;font-size:2rem;line-height:1.1}.logo-container span{color:#ddd;font-size:.9rem}nav{flex-wrap:wrap;align-items:center;gap:24px;display:flex}nav a{color:#fff;font-weight:700;text-decoration:none;transition:all .3s}nav a:hover{color:#d78a2d}.lang-btn{color:#fff;cursor:pointer;background:#9a551d;border:none;border-radius:9px;padding:10px 16px;font-weight:700}.hero{text-align:center;background-color:#0000;background-image:linear-gradient(#050a14b8,#050a14d1),url(/images/hero.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:80px 6%;display:flex}.hero-content{max-width:1050px}.hero-logo{width:clamp(130px,24vw,210px);margin-bottom:30px}.hero h1{color:#d78a2d;margin-bottom:25px;font-size:clamp(2.4rem,6vw,5rem);line-height:1.12}.hero p{color:#eee;font-size:clamp(1rem,2.2vw,1.5rem);line-height:1.8}.hero-buttons{margin-top:35px}.hero-buttons button{cursor:pointer;color:#fff;background:#d78a2d;border:none;border-radius:8px;margin:10px;padding:16px 35px;font-size:1rem;font-weight:700;transition:all .3s}.hero-buttons button:hover{transform:translateY(-3px)}.outline{background:0 0!important;border:1px solid #d78a2d!important}.services{background:#081421;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;width:100%;padding:70px 40px;display:grid}.card{cursor:pointer;background:#0c2035;border-radius:18px;min-height:520px;transition:all .3s;overflow:hidden}.card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #00000059}.card img{object-fit:cover;width:100%;height:240px}.card-content{padding:25px}.card h3{color:#d78a2d;margin-bottom:15px;font-size:1.75rem;line-height:1.25}.card p{color:#ddd;font-size:1.05rem;line-height:1.8}.read-more{color:#d78a2d;margin-top:20px;font-weight:700;display:inline-block}.contact-section{background:#0b1c2c;width:100%;padding:90px 6%}.contact-wrapper{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:40px;display:grid}.contact-info{text-align:start}.contact-info h2{color:#d78a2d;margin-bottom:20px;font-size:clamp(2rem,5vw,3rem)}.contact-info h3{color:#fff;margin-bottom:20px;font-size:1.5rem}.contact-info p{color:#ddd;font-size:1.05rem;line-height:1.9}.map-link{color:#d78a2d;margin-top:18px;font-weight:700;text-decoration:none;display:inline-block}.contact-form{background:#102030;border-radius:18px;flex-direction:column;gap:16px;padding:30px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#081421;border:1px solid #d78a2d73;border-radius:10px;outline:none;width:100%;padding:15px;font-family:Calibri,Arial,Tahoma,sans-serif;font-size:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aaa}.contact-form button{color:#fff;cursor:pointer;background:#d78a2d;border:none;border-radius:10px;padding:15px 28px;font-weight:700;transition:all .3s}.contact-form button:hover{transform:translateY(-3px)}.modal-overlay{z-index:9999;background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#102030;border-radius:18px;width:100%;max-width:900px;max-height:92vh;overflow:hidden auto}.modal img{object-fit:cover;width:100%;max-height:420px}.modal h2{color:#d78a2d;padding:25px 25px 10px;font-size:2.2rem}.modal p{color:#eee;padding:0 25px 15px;font-size:1.1rem;line-height:1.9}.modal h4{color:#d78a2d;padding:5px 25px 10px;font-size:1.4rem}.modal ul{color:#eee;padding:0 45px 25px;line-height:1.9}.modal button{color:#fff;cursor:pointer;background:#d78a2d;border:none;border-radius:8px;margin:0 25px 30px;padding:14px 30px;font-weight:700}[dir=rtl] .card,[dir=rtl] .modal{text-align:right}@media (width<=768px){.header{flex-direction:column;gap:15px;padding:18px}.logo-container h2{font-size:1.45rem}nav{justify-content:center;gap:14px}.services{grid-template-columns:1fr;padding:35px 18px}.card{min-height:auto}.card h3{font-size:1.45rem}.hero{padding-top:55px}}