:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #16302B;--accent-gold: #B89D6A;--accent-teal: #6FC7B4;--white: #FFFFFF;--light-gray: #F8F9FA;--dark-gray: #2C3E50;--text-primary: #16302B;--text-secondary: #6C757D;--shadow: 0 4px 20px rgba(22, 48, 43, .1);--shadow-hover: 0 8px 30px rgba(22, 48, 43, .15);--border-radius: 12px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;min-height:100vh;overflow-x:hidden}body{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--white)}#root,.App{min-height:100vh;width:100vw;display:flex;flex-direction:column}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem;color:var(--primary-color)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:1rem;color:var(--text-secondary);font-size:1.1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:2rem;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);gap:8px;box-shadow:0 2px 8px #16302b14;letter-spacing:.5px}.btn-primary,.booking-btn{background:linear-gradient(90deg,#bfa046,#e7d7a7);color:#1a2e2b;border:none;box-shadow:0 2px 8px #bfa0461a}.btn-primary:hover,.booking-btn:hover{background:linear-gradient(90deg,#a88b2a,#bfa046);color:#fff!important;box-shadow:0 4px 16px #bfa0462e;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff!important}.btn-accent,.whatsapp-btn{background:linear-gradient(90deg,#1a2e2b,#3a5d4a);color:#fff!important;border:none;box-shadow:0 2px 8px #1a2e2b1a}.btn-accent:hover,.whatsapp-btn:hover{background:linear-gradient(90deg,#17402b,#1a2e2b);color:gold!important;box-shadow:0 4px 16px #1a2e2b2e;transform:translateY(-2px)}.btn:focus{outline:2px solid var(--accent-gold);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.section{padding:80px 0;width:100%;min-height:auto}main{flex:1;width:100%;min-height:auto}.section-title{text-align:center;margin-bottom:60px}.section-title h2{color:var(--primary-color);margin-bottom:16px}.section-title p{color:var(--text-secondary);font-size:1.2rem;max-width:600px;margin:0 auto}.grid{display:grid;gap:30px;width:100%;margin-bottom:40px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--white);border-radius:var(--border-radius);padding:30px;box-shadow:var(--shadow);transition:var(--transition);border:1px solid rgba(22,48,43,.1);width:100%;margin-bottom:20px}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.hero{min-height:100vh;width:100%;display:flex;align-items:center;background:linear-gradient(135deg,#16302be6,#6fc7b4cc),url(/HomePage_Image.png);background-size:cover;background-position:center;background-attachment:fixed;color:var(--white);position:relative;padding:100px 0}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero h1{color:var(--white);margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero p{color:#ffffffe6;font-size:1.3rem;margin-bottom:40px}.hero-subtitle{font-size:1.5rem!important;color:var(--accent-gold)!important;margin-bottom:20px!important}.hero-description{font-size:1.2rem!important;margin-bottom:40px!important}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.stats-section{background:var(--light-gray)}.stat-card{text-align:center;padding:2rem}.stat-card h3{font-size:2.5rem;color:var(--primary-color);margin:1rem 0}.stat-card p{color:var(--text-secondary);font-weight:500}.about-preview{background:var(--white)}.about-content{display:flex;flex-direction:column;justify-content:center}.about-features{margin:2rem 0}.feature{margin-bottom:1.5rem}.feature h4{color:var(--accent-gold);margin-bottom:.5rem}.about-image{display:flex;align-items:center;justify-content:center}.services-preview{background:var(--light-gray)}.service-card{text-align:center;padding:2rem}.service-icon{margin-bottom:1rem}.portfolio-preview{background:var(--white)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;width:100%}.portfolio-item{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow)}.portfolio-image{height:250px;position:relative}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#16302be6,#6fc7b4cc);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:var(--transition);color:var(--white);text-align:center;padding:2rem}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h4{color:var(--white);margin-bottom:1rem}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--light-gray),rgba(111,199,180,.1));display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius);color:var(--text-secondary);font-size:1.2rem}.image-placeholder span{font-size:4rem;margin-bottom:1rem}.navbar{position:fixed;top:0;left:0;right:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;transition:var(--transition);height:auto}.navbar.scrolled{background:#fffffffa;box-shadow:var(--shadow)}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo{font-size:2rem;font-weight:700;color:var(--primary-color);text-decoration:none;display:flex;align-items:center}.logo img{height:60px;width:auto}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;transition:var(--transition);position:relative}.nav-link:hover{color:var(--accent-teal)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-teal);transition:var(--transition)}.nav-link:hover:after{width:100%}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--primary-color);cursor:pointer}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:80px}.mobile-menu-content{background:var(--white);width:300px;height:100vh;padding:2rem;box-shadow:var(--shadow);animation:slideIn .3s ease-out}.mobile-nav-menu{list-style:none;display:flex;flex-direction:column;gap:1rem}.mobile-nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:1.1rem;padding:.5rem 0;transition:var(--transition);border-bottom:1px solid rgba(22,48,43,.1)}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--accent-teal)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}[dir=rtl] .mobile-menu-content{animation:slideInLeft .3s ease-out}.footer{background:var(--primary-color);color:var(--white);padding:60px 0 20px;width:100%;min-height:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{color:var(--accent-gold);margin-bottom:20px}.footer-section p,.footer-section a{color:#fffc;text-decoration:none;margin-bottom:10px;display:block}.footer-section a:hover{color:var(--accent-teal)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;transition:var(--transition)}.social-links a:hover{background:var(--accent-teal);transform:translateY(-2px)}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;align-items:center;gap:.5rem}.contact-item svg{color:var(--accent-gold);flex-shrink:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;color:#fff9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width: 768px){.nav-menu{display:none}.mobile-menu-btn{display:block}.logo img{height:45px}.section{padding:60px 0;width:100%;min-height:auto}.hero{min-height:80vh;background-attachment:scroll;width:100%;padding:80px 0}.container{padding:0 15px;width:100%}.card{padding:20px;width:100%}.grid,.services-grid,.projects-grid,.stats-grid,.faq-grid,.portfolio-grid{width:100%}}@media (max-width: 480px){.hero h1{font-size:2rem}.hero p{font-size:1.1rem}.btn{padding:10px 20px;font-size:.9rem}.section{padding:40px 0}.hero{padding:60px 0}}.about-hero{background:linear-gradient(135deg,#16302be6,#b89d6acc),url(/HomePage_Image.png)}.mission-vision{background:var(--light-gray)}.mission-card,.vision-card{text-align:center;padding:3rem 2rem}.values-section{background:var(--white)}.value-card{text-align:center;padding:2rem}.team-section{background:var(--light-gray)}.team-card{text-align:center;padding:2rem}.team-image{margin-bottom:1rem}.team-role{color:var(--accent-gold);font-weight:500}.story-section{background:var(--white)}.story-content{display:flex;flex-direction:column;justify-content:center}.story-image{display:flex;align-items:center;justify-content:center}.services-hero{background:linear-gradient(135deg,#16302be6,#6fc7b4cc),url(/HomePage_Image.png)}.benefits-section{background:var(--light-gray)}.benefit-card{text-align:center;padding:2rem}.services-grid-section{background:var(--white)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;width:100%}.service-item{padding:2rem}.service-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.service-icon{flex-shrink:0}.service-features{list-style:none;margin-top:1rem}.service-features li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.cta-section{background:linear-gradient(135deg,var(--primary-color),var(--accent-teal));color:var(--white);text-align:center}.cta-content h2{color:var(--white);margin-bottom:1rem}.cta-content p{color:#ffffffe6;margin-bottom:2rem;font-size:1.2rem}.portfolio-hero{background:linear-gradient(135deg,#16302be6,#b89d6acc),url(/HomePage_Image.png)}.filters-section{background:var(--light-gray);padding:2rem 0}.filters{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;border:2px solid var(--primary-color);background:transparent;color:var(--primary-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:500}.filter-btn:hover,.filter-btn.active{background:var(--primary-color);color:var(--white)}.projects-section{background:var(--white)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;width:100%}.project-card{overflow:hidden}.project-image{height:250px;position:relative;overflow:hidden}.project-overlay{position:absolute;inset:0;background:#16302bcc;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.project-card:hover .project-overlay{opacity:1}.project-content{padding:1.5rem}.project-details{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.detail{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.portfolio-stats{background:var(--light-gray)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;width:100%}.stat-item{text-align:center;padding:2rem}.stat-item h3{font-size:2.5rem;color:var(--primary-color);margin-bottom:.5rem}.contact-hero{background:linear-gradient(135deg,#16302be6,#6fc7b4cc),url(/HomePage_Image.png)}.contact-section{background:var(--white)}.contact-form-container,.contact-info-container{padding:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea{padding:.75rem;border:1px solid rgba(22,48,43,.2);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 2px #6fc7b41a}.contact-info-list{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.contact-info-item{display:flex;align-items:center;gap:1rem}.contact-icon{flex-shrink:0}.contact-details h4{margin-bottom:.25rem;color:var(--text-primary)}.contact-details a{color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.contact-details a:hover{color:var(--accent-teal)}.whatsapp-section{margin:2rem 0;padding:1.5rem;background:var(--light-gray);border-radius:var(--border-radius);text-align:center}.whatsapp-btn{margin-top:1rem}.map-container{margin-top:2rem}.faq-section{background:var(--light-gray)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%}.faq-item{background:var(--white);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow)}.faq-item h3{color:var(--primary-color);margin-bottom:1rem}.App{width:100%;min-height:auto;display:flex;flex-direction:column}.home,.about-page,.services-page,.portfolio-page,.contact-page{width:100%;min-height:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.react-calendar{background:var(--white);border-radius:var(--border-radius);border:1px solid var(--primary-color);color:var(--primary-color);font-family:inherit;box-shadow:var(--shadow);width:100%;max-width:100%}.react-calendar__navigation{background:var(--primary-color);color:var(--accent-gold);border-radius:var(--border-radius) var(--border-radius) 0 0}.react-calendar__navigation button{color:var(--accent-gold);font-weight:700;background:none;border:none;font-size:1.1rem}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background:var(--accent-gold);color:var(--primary-color)}.react-calendar__month-view__days__day{color:var(--primary-color);background:none;font-weight:500;transition:background .2s,color .2s}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background:var(--accent-gold);color:var(--white)}.react-calendar__tile--active{background:var(--primary-color)!important;color:var(--white)!important}.react-calendar__tile--now{background:var(--accent-teal);color:var(--white)}.react-calendar__month-view__days__day--neighboringMonth{color:#ccc;opacity:.5}.react-calendar__month-view__weekdays{background:var(--light-gray);color:var(--primary-color);font-weight:600}.react-calendar__tile--active:enabled{border:none}@keyframes textLangSlideInLTR{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes textLangSlideInRTL{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.text-lang-animate-ltr{animation:textLangSlideInLTR .4s cubic-bezier(.4,0,.2,1)}.text-lang-animate-rtl{animation:textLangSlideInRTL .4s cubic-bezier(.4,0,.2,1)}.nav-animated{display:flex;align-items:center}