@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";: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-blue: #1D114A;--accent-orange: #E08F25;--background: #ffffff;--secondary-bg: #f7fafc;--text-primary: #2d3748;--text-secondary: #718096;--border: #e2e8f0;--shadow: 0 10px 25px rgba(0, 0, 0, .1);--shadow-light: 0 4px 12px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:var(--text-primary);line-height:1.6;overflow-x:hidden;width:100%;max-width:100%}.app-container{position:relative;width:100vw;min-height:100vh;overflow-x:hidden}.logo-intro{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--secondary-bg) 100%);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .8s ease-out,transform .8s ease-out,visibility 0s .8s}.logo-intro.fade-out{opacity:0;transform:translateY(-20px);pointer-events:none;visibility:hidden}.logo-animation-container{text-align:center}.map-link-card{position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.map-link-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.map-link-card:after{content:"📍 View on Google Maps";position:absolute;bottom:-40px;left:0;width:100%;background-color:var(--accent-orange);color:#fff;padding:8px 0;text-align:center;transition:all .3s ease}.map-link-card:hover:after{bottom:0}.map-link{display:flex;gap:20px;text-decoration:none;color:inherit}.map-link .contact-details h3{color:var(--primary-blue)}.map-link .contact-details p{color:var(--text-secondary)}.animated-logo{position:relative;width:min(400px,90vw);height:min(200px,45vw);margin:0 auto}.house-container,.arabic-container,.english-container{position:absolute;display:flex;align-items:center;justify-content:center}.house-container{top:60%;left:50%;transform:translate(-50%,-50%);z-index:2;width:min(240px,50vw)}.house-component{width:100%;height:auto;opacity:0;transform:translate(-100%) rotate(-360deg);animation:rollToCenterAndStop 1.5s cubic-bezier(.25,.46,.45,.94) forwards}.arabic-container{top:55%;left:35%;z-index:31;transform:translate(-50%,-50%);width:min(240px,40vw)}.arabic-component{width:100%;height:auto;opacity:0;transform:translate(-100%);animation:slideFromLeft 1s ease-out forwards 1.5s}.english-container{top:98%;right:31%;z-index:31;transform:translate(50%,-50%);width:min(240px,40vw)}.english-component{width:100%;height:auto;opacity:0;transform:translate(100%);animation:slideFromRight 1s ease-out forwards 1.8s}@keyframes rollToCenterAndStop{0%{opacity:0;transform:translate(-100%) rotate(-360deg)}10%{opacity:.2;transform:translate(-90%) rotate(-320deg)}20%{opacity:.4;transform:translate(-80%) rotate(-280deg)}30%{opacity:.6;transform:translate(-70%) rotate(-240deg)}40%{opacity:.8;transform:translate(-60%) rotate(-200deg)}50%{opacity:1;transform:translate(-50%) rotate(-160deg)}60%{opacity:1;transform:translate(-40%) rotate(-140deg)}70%{opacity:1;transform:translate(-30%) rotate(-100deg)}80%{opacity:1;transform:translate(-20%) rotate(-80deg)}90%{opacity:1;transform:translate(-10%) rotate(-40deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animated-logo:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;animation:logoAssemble .5s ease-out forwards 2.8s}@keyframes logoAssemble{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.logo-image{max-width:300px;height:auto;opacity:0;transform:scale(.8);animation:logoAppear 2s ease-out forwards}.logo-fallback{position:relative;width:300px;height:150px;margin:0 auto}.logo-lines{position:absolute;width:100%;height:100%}.line{position:absolute;background:linear-gradient(90deg,var(--accent-orange),#ff8c42);border-radius:3px;transform-origin:left}.line-1{width:0;height:4px;top:30px;left:50px;animation:expandLine .8s ease-out forwards .3s}.line-2{width:0;height:4px;top:60px;left:30px;animation:expandLine .8s ease-out forwards .6s}.line-3{width:0;height:4px;top:90px;left:70px;animation:expandLine .8s ease-out forwards .9s}.logo-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:800;color:var(--primary-blue);letter-spacing:3px;opacity:0;animation:textFadeIn 1s ease-out forwards 1.2s}@keyframes logoAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes expandLine{0%{width:0}to{width:150px}}@keyframes textFadeIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.main-content{transform:translateY(100vh);transition:transform 1s ease-out;width:100vw;overflow-x:hidden}.main-content.slide-up{transform:translateY(0)}.container{width:100%;max-width:100%;margin:0 auto;padding:0;overflow-x:hidden}.hero{min-height:100vh;width:100vw;background:linear-gradient(135deg,var(--background) 0%,var(--secondary-bg) 100%);display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 0;overflow-x:hidden}.hero-container{width:100%;max-width:100%;padding:0 20px}.hero-logo{margin-bottom:60px}.hero-logo-image{max-width:min(400px,80vw);height:auto;opacity:0;animation:heroLogoFade 1s ease-out forwards .5s}.hero-logo-fallback{opacity:0;animation:heroLogoFade 1s ease-out forwards .5s}.hero-logo-text{font-size:36px;font-weight:800;color:var(--primary-blue);letter-spacing:2px}.hero-content h1{font-size:3.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:24px;line-height:1.1;opacity:0;animation:slideUpFade 1s ease-out forwards .8s}.hero-content p{font-size:1.3rem;color:var(--text-secondary);margin-bottom:40px;opacity:0;animation:slideUpFade 1s ease-out forwards 1.1s}.cta-button{background:linear-gradient(135deg,var(--accent-orange),#ff8c42);color:#fff;border:none;padding:16px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-light);opacity:0;animation:slideUpFade 1s ease-out forwards 1.4s}.cta-button:hover{transform:translateY(-3px);box-shadow:var(--shadow)}@keyframes heroLogoFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.services{padding:100px 0;width:100vw;background:var(--secondary-bg);overflow-x:hidden}.services h2{text-align:center;font-size:2.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:60px;width:100%}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:100%;padding:0 20px;max-width:1400px;margin:0 auto}.service-card{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:var(--shadow-light);transition:all .3s ease;border:1px solid var(--border)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-icon{font-size:3rem;margin-bottom:24px}.service-card h3{font-size:1.4rem;font-weight:600;color:var(--primary-blue);margin-bottom:16px}.service-card p{color:var(--text-secondary);line-height:1.5}.contact{padding:100px 0;width:100vw;background:#fff;overflow-x:hidden}.contact h2{text-align:center;font-size:2.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:60px;width:100%}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;width:100%;padding:0 20px;max-width:1400px;margin:0 auto}.contact-info{display:grid;gap:30px}.contact-card{display:flex;align-items:flex-start;gap:20px;padding:30px;background:var(--secondary-bg);border-radius:12px;transition:all .3s ease}.contact-card:hover{transform:translate(8px);box-shadow:var(--shadow-light)}.contact-icon{font-size:1.8rem;color:var(--accent-orange);min-width:40px}.contact-details h3{font-size:1.2rem;font-weight:600;color:var(--primary-blue);margin-bottom:8px}.contact-details p{color:var(--text-secondary);margin-bottom:4px}.contact-details a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.contact-details a:hover{color:var(--accent-orange)}.social-links{display:flex;gap:15px}.social-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease}.social-links a:hover{color:var(--accent-orange)}.contact-form{background:var(--secondary-bg);padding:40px;border-radius:16px}.contact-form h3{font-size:1.5rem;font-weight:600;color:var(--primary-blue);margin-bottom:30px}.contact-form form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form input,.contact-form select,.contact-form textarea{padding:14px 16px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:1rem;transition:border-color .3s ease;background:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent-orange)}.contact-form button{background:linear-gradient(135deg,var(--primary-blue),#2c5282);color:#fff;border:none;padding:16px 32px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.contact-form button:hover{transform:translateY(-2px);box-shadow:var(--shadow-light)}.footer{background:var(--primary-blue);color:#fff;padding:40px 0;text-align:center;width:100vw;overflow-x:hidden}.footer-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 20px}.footer-logo span{font-size:1.8rem;font-weight:800;letter-spacing:2px}.footer p{color:#fffc}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.contact-content{grid-template-columns:1fr;gap:40px}.form-row,.services-grid{grid-template-columns:1fr}.logo-text{font-size:36px}.line-1,.line-2,.line-3{width:120px}.animated-logo{width:min(300px,50vw);height:auto}.house-container{top:60%;left:50%;z-index:2;width:min(180px,45vw)}.arabic-container{top:55%;left:8%;z-index:31;width:min(90px,25vw)}.english-container{top:98%;right:5%;z-index:31;width:min(90px,25vw)}}@media (max-width: 480px){.hero-content h1{font-size:2rem}.contact-form{padding:30px 20px}.contact-card{padding:20px}.animated-logo{width:min(250px,80vw);height:min(120px,38vw)}.house-container{top:60%;left:50%;z-index:2;width:min(140px,40vw)}.arabic-container{top:55%;left:8%;z-index:31;width:min(75px,22vw)}.english-container{top:98%;right:5%;z-index:31;width:min(75px,22vw)}}