@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{font-family:Poppins,sans-serif!important}body{margin:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:300;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:Poppins,sans-serif;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{width:100%;margin:0;padding:0;text-align:center}html,body,#root{background-color:#fff!important;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}.logo{height:6em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.navbar{width:100%;background-color:transparent;position:fixed;top:0;left:0;z-index:1000}.navbar-container{display:flex;align-items:center;justify-content:space-between;border-radius:0 0 35px 35px;padding:5px 30px;margin:0;max-width:100%;position:relative;height:80px}.logo-container{display:flex;align-items:center}.logo{height:50px;cursor:pointer}.search-container{position:relative;flex:0 1 400px;margin:0 20px;display:flex;flex-direction:column;align-items:stretch}.search-input{color:#003da6;width:100%;padding:12px 20px;border:2px solid #003da6;background:#fff;outline:none;transition:all .3s ease;box-sizing:border-box;font-size:16px;transform:scale(1);max-height:none}.search-input:focus{border-color:#002a77;font-size:16px}.search-input::placeholder{font-size:14px;color:#7a9bcf}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #003da6;border-top:none;border-radius:0 0 5px 5px;max-height:300px;overflow-y:scroll;z-index:1000;box-shadow:0 4px 15px #0b383e1a;width:100%;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f7fafc}.search-results::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.search-result-item{padding:12px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.search-result-item:hover{background-color:#f8fafc}.search-result-item:last-child{border-bottom:none}.search-result-type{font-size:.8rem;color:#7a9bcf;font-weight:600;margin-bottom:4px}.search-result-name{font-size:.95rem;color:#003da6;font-weight:600;margin-bottom:2px}.search-result-location{font-size:.8rem;color:#666}.search-no-results{padding:15px 20px;text-align:center;color:#666;font-style:italic}.menu-section{display:flex;flex-direction:column;align-items:flex-end;position:relative;background-color:#fffffff2;box-shadow:none;border-radius:35px 0 0 35px;margin-right:-30px;margin-top:-15px;margin-bottom:-15px;overflow:visible}.menu-section:not(.at-top){box-shadow:-5px 5px 30px #0003}.mobile-menu.open~.menu-controls-container .menu-section,.menu-section:has(.mobile-menu.open){border-radius:35px 0 0;box-shadow:-10px 15px 30px #0000001a}.menu-controls-container{display:flex;align-items:center;gap:20px;padding:5px 10px;height:70px;position:relative;z-index:1002}.hamburger-container{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease}.hamburger-container.expanded{min-width:140px;justify-content:center;transition:all .3s ease;margin-right:10px}.mobile-menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer;position:relative}.hamburger-line{width:25px;height:3px;background-color:#003da6;margin:3px 0;transition:all .3s ease;border-radius:2px;transform-origin:center}.mobile-menu-button.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-button.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-button.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu-text{color:#003da6;font-size:.9rem;font-weight:600;margin-left:8px;white-space:nowrap;transition:color .3s ease}.hamburger-container:hover .menu-text{color:#002a77}.logout-button{padding:8px 16px;background-color:#003da6;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.logout-button:hover{background-color:#002a77;transform:translateY(-1px);box-shadow:0 2px 8px #003da64d}.logout-button:active{transform:translateY(0)}.mobile-menu{position:absolute;top:100%;right:0;background-color:#fffffffa;display:flex;flex-direction:column;z-index:1001;min-width:200px;transform-origin:top;transform:scaleY(0);opacity:0;transition:all .3s ease;max-height:0;overflow:hidden;width:100%;box-shadow:0 4px 12px #0000001a;border-radius:0 0 0 35px}.mobile-menu.open{transform:scaleY(1);opacity:1;max-height:500px}.logout-mobile{background-color:#002a77;color:#fff!important;border-color:#002a77}.mobile-menu-item{padding:15px 25px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;border-bottom:1px solid #f0f0f0;transform:translateY(-10px);opacity:0;transition:all .3s ease .1s}.mobile-menu.open .mobile-menu-item{transform:translateY(0);opacity:1}.mobile-menu-item:hover{background-color:#003da60d}.mobile-menu-item:last-child{border-bottom:none;border-radius:0 0 0 10px}.main-content{min-height:calc(100vh - 70px);width:100%;margin-top:90px}.logo-container,.search-container,.menu-section{transition:all .3s ease}.navbar-container{display:flex;align-items:center;justify-content:space-between;border-radius:0 0 35px 35px;padding:10px 30px;margin:0;max-width:100%;position:relative;transition:padding .5s ease}.navbar.scrolled .navbar-container{padding:5px 30px}@media (max-width: 768px){.navbar-container{padding:12px 20px;border-radius:0 0 25px 25px;max-width:100%}.search-container{flex:0 1 250px;margin:0 15px}.search-input{font-size:16px!important;padding:10px 15px;border-radius:20px}.search-results{border-radius:0 0 20px 20px}.search-result-item{padding:10px 15px}.search-no-results{padding:12px 15px}.menu-section{margin-right:-20px;margin-top:-12px;margin-bottom:-12px;border-radius:25px 0 0 25px}.menu-controls-container{gap:15px;padding:8px 20px;height:60px}.hamburger-container{padding:6px 10px}.hamburger-container.expanded{min-width:120px}.menu-text{font-size:.8rem;margin-left:6px}.logout-button{display:none}.mobile-menu{min-width:180px}.mobile-menu-item{padding:15px 20px}.navbar.scrolled .navbar-container{padding:8px 20px}}@media (max-width: 480px){.navbar-container{padding:10px 15px;border-radius:0 0 20px 20px}.mobile-menu.open~.menu-controls-container .menu-section,.menu-section:has(.mobile-menu.open){border-radius:35px 0 0;box-shadow:-10px 15px 30px #0000001a;width:90%}.search-container{flex:0 1 180px;margin:0 10px}.search-input{padding:8px 12px;font-size:16px!important;border-radius:18px}.search-results{border-radius:0 0 18px 18px}.search-result-item{padding:8px 12px}.search-no-results{padding:10px 12px}.menu-section{margin-right:-15px;margin-top:-10px;margin-bottom:-10px;border-radius:20px 0 0 20px;align-items:center}.menu-controls-container{gap:10px;padding:6px 15px;height:55px}.hamburger-container{padding:5px 8px}.hamburger-container.expanded{min-width:100px}.mobile-menu-button{width:25px;height:25px}.hamburger-line{width:20px;height:2px}.menu-text{font-size:.75rem;margin-left:5px}.logout-button{display:none}.mobile-menu{min-width:160px}.mobile-menu-item{padding:10px}.navbar.scrolled .navbar-container{padding:6px 15px}}.logo{height:50px;cursor:pointer;transition:all .3s ease;object-fit:contain}@media (max-width: 768px){.logo{height:40px;max-width:120px}.logo-container{flex-shrink:1;min-width:60px}}@media (max-width: 480px){.logo{height:35px;max-width:100px}.logo-container{min-width:50px}}@media (max-width: 768px){.search-container.search-focused{flex:1 1 70%;margin:0 10px;transition:all .3s ease}.search-container.search-focused .search-input{width:100%;transition:all .3s ease}.hamburger-container.minimized{transform:scale(.85);opacity:.9;transition:all .3s ease;padding:4px 8px}.hamburger-container.minimized .menu-text{font-size:.7rem;margin-left:4px;opacity:.8}.hamburger-container.minimized .mobile-menu-button{width:22px;height:22px}.hamburger-container.minimized .hamburger-line{width:18px;height:2px;margin:2px 0}.logout-button.hidden{transform:scale(.85);opacity:.9;padding:6px 10px;font-size:.75rem;transition:all .3s ease}.menu-section.search-focused{min-width:17%;transition:all .3s ease}.menu-section.search-focused .menu-controls-container{gap:8px;padding:8px 5px;transition:all .3s ease}}@media (max-width: 480px){.search-container.search-focused{flex:1 1 70%;margin:0}.hamburger-container.minimized{transform:scale(.8);padding:3px 0;margin-left:10px;margin-right:10px}.hamburger-container.minimized .menu-text{font-size:0rem;margin-left:0}.hamburger-container.minimized .mobile-menu-button{width:20px;height:20px}.hamburger-container.minimized .hamburger-line{width:16px;height:2px}.logout-button.hidden{display:none;transform:scale(.8);padding:5px 8px;font-size:.7rem}.menu-section.search-focused .menu-controls-container{gap:6px}}.hamburger-container,.logout-button,.search-container,.menu-section,.menu-controls-container{transition:all .3s ease}.back-button-container{position:absolute;top:50%;left:30px;transform:translateY(-50%);transition:all .3s ease;z-index:1001}.back-button{padding:8px 16px;background-color:#003da6;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.back-button:hover{background-color:#002a77;transform:translateY(-1px);box-shadow:0 2px 8px #003da64d}.back-button:active{transform:translateY(0)}@media (max-width: 768px){.back-button-container{left:20px}.back-button{padding:6px 12px;font-size:.8rem}}@media (max-width: 480px){.back-button-container{left:15px}.back-button{padding:5px 10px;font-size:.75rem}}.home-page{width:100%;min-height:100vh}.main-content{width:100%}.home-content{padding:40px}.home-content h1{color:#003da6;margin-bottom:20px;font-size:3rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.home-content p{color:#003da6;font-size:1.2rem;line-height:1.6;max-width:500px;margin:0 auto}.white-background{background:#fff;min-height:calc(100vh - 70px)}.white-background h1{color:#003da6;margin-bottom:20px;font-size:2.5rem}.white-background p{color:#666;font-size:1.1rem;line-height:1.6}.home-container{display:flex;align-items:flex-start;justify-content:center;text-align:center;position:relative;overflow:hidden}.home-content{animation:fadeInUp 1.2s ease-out .3s both;width:95%;padding:0 20px}.main-title{font-size:4.5rem;font-weight:400!important;margin-bottom:20px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:0px;animation:fadeInUp 1s ease-out .5s both}.subtitle{font-size:1.5rem;color:#fff;opacity:.9;text-shadow:0 2px 5px rgba(0,0,0,.5);letter-spacing:1px;animation:fadeInUp 1s ease-out .8s both;margin-bottom:50px}.carousel-container{width:100%;margin-top:40px}.carousel-wrapper{width:100%;height:500px;overflow:hidden;border-radius:10px;box-shadow:0 4px 20px #0000004d;position:relative}.carousel-track{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;height:100%;flex-shrink:0;position:relative}.carousel-image-background{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:block;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1)}.carousel-image{width:100%;height:100%;object-fit:cover;display:block;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.carousel-indicators{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.carousel-indicator{width:30px;border:none;background-color:#ccc;cursor:pointer;transition:all .3s ease;border-radius:1px;position:relative;font-size:3px}.carousel-indicator.active{background-color:#003da6;transform:scaleX(1.2)}.carousel-indicator:hover{background-color:#7a9bcf}.carousel-indicator:after{content:"";position:absolute;inset:-8px 0}.slide-content{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.home-content{padding:20px}.home-content h1{font-size:2.5rem}.home-content p{font-size:1.1rem}.white-background h1{font-size:2rem}.main-title{font-size:3rem}.subtitle{font-size:1.2rem;letter-spacing:.5px;margin-bottom:30px}.carousel-wrapper{height:300px}.carousel-indicator{width:35px;height:3px}}@media (max-width: 480px){.home-content h1{font-size:2rem}.home-content p{font-size:1rem}.main-title{font-size:2.5rem}.subtitle{font-size:1rem;margin-bottom:25px}.carousel-wrapper{height:250px}.carousel-indicators{gap:8px;margin-top:15px}.carousel-indicator{width:30px;height:2px}}.launches-section{max-width:1200px;margin:60px auto 100px;padding:0 20px;animation:fadeInUp 1s ease-out 1s both}.launches-header{text-align:center;margin-bottom:40px}.launches-header h2{color:#003da6;font-size:2.5rem;font-weight:600;margin-bottom:15px;position:relative;display:inline-block}.launches-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#003da6,#7a9bcf);border-radius:2px}.launches-carousel-container{position:relative;width:100%}.launches-carousel-wrapper{display:flex;align-items:center;position:relative;width:100%}.launches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;width:100%;transition:all .5s linear;opacity:1;transform:translate(0)}.launches-grid.transitioning{opacity:.7;transform:translate(10px)}.carousel-arrow{padding:0!important;position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#fff;border:2px solid #003da6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 6px 20px #003da64d}.carousel-arrow:hover:not(:disabled){background:#003da6;transform:translateY(-50%) scale(1.1)}.carousel-arrow:hover:not(:disabled) svg{fill:#fff}.carousel-arrow:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-50%) scale(1)}.carousel-arrow:disabled:hover{background:#fff;transform:translateY(-50%) scale(1)}.carousel-arrow:disabled:hover svg{fill:#003da6}.carousel-arrow.transitioning{opacity:.7;transform:translateY(-50%) scale(.95)}.carousel-arrow svg{width:28px;height:28px;fill:#003da6;transition:fill .3s ease}.carousel-arrow{width:60px;height:60px}.carousel-arrow svg{width:32px;height:32px}.carousel-arrow-left{left:-25px}.carousel-arrow-right{right:-25px}.launches-carousel-container .carousel-indicators{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:30px}.launches-carousel-container .carousel-indicator{width:12px;height:12px;border-radius:50%;border:none;background-color:#ccc;cursor:pointer;transition:all .3s ease}.launches-carousel-container .carousel-indicator.active{background-color:#003da6;transform:scale(1.2)}.launches-carousel-container .carousel-indicator:hover:not(:disabled){background-color:#7a9bcf;transform:scale(1.1)}.launches-carousel-container .carousel-indicator:disabled{cursor:not-allowed;opacity:.6}.launches-carousel-container .carousel-indicator.transitioning{opacity:.6;transform:scale(.9)}.launch-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #003da61a;border:1px solid rgba(122,155,207,.2);transition:all .3s ease;height:fit-content;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.launch-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px #003da626}.launch-image{width:100%;height:200px;object-fit:cover;display:block;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.launch-content{padding:25px}.launch-title{color:#003da6;font-size:1.4rem;font-weight:600;line-height:1.3;text-align:left;margin-bottom:15px}.launch-location{color:#7a9bcf;font-size:1rem;font-weight:500;margin-bottom:15px;display:flex;align-items:center;gap:8px}.launch-location svg{width:16px;height:16px;fill:#7a9bcf}.launch-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:20px}.launch-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.feature-tag{background:#003da61a;color:#003da6;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.launch-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px}.launch-price{color:#003da6;font-size:1.3rem;font-weight:700}.launch-button{width:100%;background:linear-gradient(135deg,#003da6,#7a9bcf);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:white solid 1px;position:relative;overflow:hidden}.launch-button:hover:not(:disabled){box-shadow:0 4px 15px #003da64d;background:#fff!important;border:#003da6 solid 1px;color:#003da6;transform:translateY(-2px)}.launch-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.launches-empty{text-align:center;padding:60px 40px;background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #003da61a;border:1px solid rgba(122,155,207,.2)}.empty-icon{width:80px;height:80px;background:linear-gradient(135deg,#e6eeff,#7a9bcf);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.empty-icon svg{width:40px;height:40px;fill:#003da6}.launches-empty h3{color:#003da6;font-size:1.5rem;margin-bottom:10px}.launches-empty p{color:#7a9bcf;font-size:1.1rem;margin:0;max-width:100%}.launches-loading{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.loading-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 8px 32px #003da61a;border:1px solid rgba(122,155,207,.2)}.loading-image{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:10px;margin-bottom:15px}.loading-text{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:10px}.loading-text.short{width:60%}.loading-text.medium{width:80%}.launch-location-row{align-items:flex-start;display:flex;flex-direction:row;gap:5px;flex-wrap:wrap;margin-bottom:15px}.launch-location-pill{width:fit-content;background:#ebebeb;color:#969696;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);cursor:pointer;white-space:nowrap}.launch-location-pill svg{width:14px;height:14px;fill:#fff}@media (max-width: 1200px){.launches-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 968px){.launches-grid{grid-template-columns:repeat(2,1fr);transition:all .4s ease-in-out}}@media (max-width: 768px){.launches-section{margin:40px auto 0;padding:0 15px}.launches-header h2{font-size:2rem}.launches-grid{grid-template-columns:1fr;gap:20px;transition:all .3s ease-in-out}.launches-grid.transitioning{opacity:.8;transform:translate(5px)}.launch-card{border-radius:15px}.launch-content{padding:20px}.launch-title{font-size:1.2rem}.launch-footer{width:100%;flex-direction:row;gap:15px;align-items:center;justify-content:center}.launch-button{width:100%;text-align:center}.launches-empty{padding:40px 20px}.empty-icon{width:60px;height:60px}.empty-icon svg{width:30px;height:30px}.carousel-arrow{position:absolute;top:102%}.carousel-indicators{margin-top:20px}}@media (max-width: 480px){.launches-section{margin:30px auto 0}.launches-header h2{font-size:1.8rem}.launches-header h2:after{width:60px;bottom:-8px}.launch-content{padding:15px}.launch-title,.launch-price{font-size:1.1rem}}.launches-grid.slide-left{animation:slideLeft .5s ease-in-out}.launches-grid.slide-right{animation:slideRight .5s ease-in-out}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.launches-grid.transitioning{pointer-events:none}.skeleton-slide{min-width:100%;height:400px;position:relative;overflow:hidden}.skeleton-image{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.skeleton-indicator{background-color:#f0f0f0!important;cursor:default}.skeleton-indicator:hover{background-color:#f0f0f0!important}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.carousel-container .skeleton-slide{flex:0 0 100%}@media (max-width: 768px){.skeleton-slide{height:300px}}.footer{width:100%;background-color:#000f3d;color:#fff;padding:30px 0;margin-top:auto}.footer-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.footer-left{flex:.5;text-align:left!important}.footer-logo{height:40px;width:auto}.footer-center{flex:1;display:flex;justify-content:center}.social-icons{display:flex;gap:20px;align-items:center}.social-link{color:#ccc;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.social-link:hover{color:#fff}.footer-right{flex:1;display:flex;justify-content:flex-end}.copyright-text{margin:0;font-size:14px;color:#fff;font-weight:400}@media (max-width: 768px){.footer-container{flex-direction:column;gap:20px;text-align:center}.footer-left,.footer-center,.footer-right{flex:none;justify-content:center}.footer-right{justify-content:center}.social-icons{gap:15px}.footer-logo{height:35px}}@media (max-width: 480px){.footer{padding:20px 0}.footer-container{padding:0 15px;gap:15px}.social-icons{gap:12px}.social-link svg{width:20px;height:20px}.copyright-text{font-size:12px}}.communications-tab{padding:60px 20px;min-height:calc(100vh - 150px)}.communications-header{text-align:center;margin-bottom:60px;padding-top:0}.communications-title{font-size:3rem;font-weight:700;color:#003da6;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:0}.communications-subtitle{font-size:1.2rem;color:#7a9bcf;max-width:600px;margin:0 auto;line-height:1.6}.communications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto}.communication-card{background:linear-gradient(10deg,#d3d3d3,#fafbfd);border-radius:20px;padding:30px;box-shadow:0 10px 30px #003da633;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(122,155,207,.2);display:flex;align-items:flex-start;gap:20px;min-height:170px}.communication-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#003da6,#7a9bcf);transform:scaleX(0);transition:transform .3s ease}.communication-card:hover{padding-top:0;transform:translateY(-8px);box-shadow:0 20px 40px #003da626}.communication-card:hover:before{transform:scaleX(1)}.card-overlay{position:absolute;inset:0;background:#000c;z-index:3;opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;pointer-events:none}.communication-card:hover .card-overlay{opacity:1}.download-text{background:#003da6;color:#fff;font-size:1rem;font-weight:600;text-transform:capitalize;letter-spacing:1px;padding:10px 20px;border-radius:10px 10px 0 0;border:none;cursor:pointer;transition:all .3s ease;transform:scale(.8);opacity:0;width:35%;max-width:200px;text-align:center;pointer-events:auto;box-shadow:0 4px 12px #003da633}.communication-card:hover .download-text{transform:scale(1);opacity:1}.download-text:hover{transform:scale(1.05);box-shadow:0 6px 20px #003da666}.card-content:hover{flex:1;align-items:flex-start}.communication-card:hover .card-arrow{color:#003da6;transform:translate(5px)}.card-icon,.card-content,.card-arrow{position:relative;z-index:2}@media (max-width: 768px){.communications-title{font-size:2.2rem}.communications-subtitle{font-size:1rem;padding:0 10px}.communications-grid{grid-template-columns:1fr;gap:20px}.communication-card{padding:20px;gap:15px}.icon-background{width:50px;height:50px;font-size:1.2rem}.card-title{font-size:1.2rem}.download-text{font-size:1rem;letter-spacing:.5px;padding:10px 20px;width:60%;max-width:180px}}@media (max-width: 480px){.communications-title{font-size:1.8rem}.communication-card{flex-direction:column;text-align:center;gap:15px}.card-content{width:100%}.download-text{font-size:.9rem;padding:8px 16px;width:70%;max-width:160px;letter-spacing:.5px}}.processes-tab{padding:60px 20px;min-height:calc(100vh - 150px)}.processes-header{text-align:center;margin-bottom:60px;padding-top:0}.processes-title{font-size:3rem;font-weight:700;color:#003da6;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:0}.processes-subtitle{font-size:1.2rem;color:#7a9bcf;max-width:600px;margin:0 auto;line-height:1.6}.processes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto}.process-card{background:linear-gradient(10deg,#d3d3d3,#fafbfd);border-radius:20px;padding:30px;box-shadow:0 10px 30px #003da633;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(122,155,207,.2);display:flex;align-items:flex-start;gap:20px;min-height:170px}.process-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#003da6,#7a9bcf);transform:scaleX(0);transition:transform .3s ease}.process-card:hover{padding-top:10px;transform:translateY(-8px);box-shadow:0 20px 40px #003da626}.process-card:hover:before{transform:scaleX(1)}.card-overlay{position:absolute;inset:0;background:#0003;z-index:3;opacity:0;transition:all .3s ease;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.process-card:hover .card-overlay{opacity:1}.download-text{background:#003da6;color:#fff;font-size:1rem;letter-spacing:normal;font-weight:600;text-transform:capitalize;transform:translateY(20px);transition:all .3s ease;opacity:0;z-index:4}.process-card:hover .download-text{transform:translateY(0);opacity:1}.card-description{color:#666;line-height:1.5;font-size:.95rem;margin-bottom:0}.process-card:hover .card-arrow{color:#003da6;transform:translate(5px)}.card-content,.card-arrow{position:relative;z-index:2}@media (max-width: 768px){.processes-title{font-size:2.2rem}.processes-subtitle{font-size:1rem;padding:0 10px}.processes-grid{grid-template-columns:1fr;gap:20px}.process-card{padding:20px;gap:15px}.icon-background{width:50px;height:50px;font-size:1.2rem}.card-title{font-size:1.2rem}.download-text{font-size:1.2rem;letter-spacing:1px}}@media (max-width: 480px){.processes-title{font-size:1.8rem}.process-card{flex-direction:column;text-align:center;gap:15px}.card-content{width:100%}.download-text{font-size:1.1rem}}.projects-tab{padding:0 0 50px;min-height:100vh;background:#fff;position:relative;z-index:1}.content-with-padding{padding-top:100px}.projects-header{text-align:center;margin-bottom:60px;padding-top:0}.projects-title{font-size:3rem;font-weight:700;color:#003da6;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:0}.projects-subtitle{font-size:1.2rem;color:#7a9bcf;max-width:600px;margin:0 auto;line-height:1.6}.loading{text-align:center;font-size:1.2rem;color:#7a9bcf;padding:40px}.error{text-align:center;font-size:1.2rem;color:#e74c3c;padding:40px;background:#e74c3c1a;border-radius:10px;max-width:500px;margin:0 auto}.back-button{position:fixed;top:100px;left:20px;background:linear-gradient(135deg,#fff,#fafbfd);border:1px solid rgba(122,155,207,.3);color:#003da6;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .5s ease;display:inline-flex;align-items:center;gap:8px;z-index:1080}.districts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.district-card{height:250px;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 10px 30px #003da61a;margin-left:10px;margin-right:10px}.district-overlay{position:absolute;inset:0;background:linear-gradient(#003da6b3,#7a9bcfb3);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}.district-overlay:hover{position:absolute;inset:0;background:linear-gradient(#0000001a,#000c);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}.district-name{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.district-projects-count{font-size:1.1rem;color:#fff!important;opacity:.9}.district-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #003da633}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto;padding:20px}.project-card{height:250px;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 10px 30px #003da61a}.project-overlay{position:absolute;inset:0;background:linear-gradient(#003da6b3,#7a9bcfb3);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}.project-card:hover .project-overlay{background:linear-gradient(#0000001a,#000c)}.project-name{font-size:1.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.project-phases-count{font-size:1.1rem;color:#fff!important;opacity:.9}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #003da626}.phases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto;padding:20px}.phase-card{height:250px;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 10px 30px #003da61a}.phase-overlay{position:absolute;inset:0;background:linear-gradient(#003da6b3,#7a9bcfb3);display:flex;flex-direction:column;justify-content:flex-end;padding:25px;color:#fff;transition:all .3s ease}.phase-card:hover .phase-overlay{background:linear-gradient(#0000001a,#000c)}.phase-name{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.phase-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #003da626}.phase-card .card-icon,.phase-card .card-arrow,.phase-card .card-content{display:none}.card-icon{flex-shrink:0}.icon-background{width:60px;height:60px;border-radius:15px;background:linear-gradient(135deg,#003da6,#7a9bcf);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #003da64d}.card-content{flex:1}.card-title{font-size:1.4rem;font-weight:600;color:#003da6;margin-bottom:12px;line-height:1.3}.card-description{color:#666;line-height:1.5;font-size:.95rem;margin-bottom:15px}.project-meta,.phase-meta{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.phases-count,.documents-count{font-size:.9rem;color:#7a9bcf;background:#7a9bcf1a;padding:4px 12px;border-radius:20px;font-weight:500}.status-badge{font-size:.8rem;padding:4px 12px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-completed{background:#2ecc711a;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.status-in-progress{background:#3498db1a;color:#2980b9;border:1px solid rgba(52,152,219,.3)}.status-pending{background:#f39c121a;color:#d35400;border:1px solid rgba(243,156,18,.3)}.card-arrow{color:#7a9bcf;transition:all .3s ease;flex-shrink:0;margin-top:5px}@media (max-width: 768px){.back-button{display:none}.projects-title{font-size:2.2rem}.projects-subtitle{font-size:1rem;padding:0 10px}.districts-grid{grid-template-columns:1fr;gap:20px}.district-card{height:200px}.district-name{font-size:2rem}.projects-grid{grid-template-columns:1fr;gap:20px;padding:15px}.project-card{height:200px}.project-name{font-size:1.3rem}.project-overlay{padding:20px}.phases-grid{grid-template-columns:1fr;gap:20px;padding:15px}.phase-card{height:200px}.phase-name{font-size:1.3rem}.phase-overlay{padding:20px}.icon-background{width:50px;height:50px;font-size:1.2rem}.card-title{font-size:1.2rem}.project-meta,.phase-meta{gap:10px}}@media (max-width: 480px){.projects-title{font-size:1.8rem}.projects-grid{padding:10px}.project-card{height:180px}.project-name{font-size:1.2rem}.project-overlay{padding:15px}.phases-grid{padding:10px}.phase-card{height:180px}.phase-name{font-size:1.2rem}.phase-overlay{padding:15px}.project-meta,.phase-meta{justify-content:center}}.faqs-section{min-height:100vh;background:linear-gradient(135deg,#f8faff,#fff);padding:80px 20px}.faqs-container{max-width:1200px;margin:0 auto}.faqs-header{text-align:center;margin-bottom:60px}.faqs-header h2{color:#003da6;font-size:2.8rem;font-weight:600;margin-bottom:15px;position:relative;display:inline-block}.faqs-header p{color:#666;font-size:1.2rem;line-height:1.6;max-width:600px;margin:0 auto}.faqs-content{display:flex;grid-template-columns:1fr 400px;gap:60px;align-items:center;justify-content:center}.faqs-list{width:100%;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}.faq-item{width:100%;text-align:center;background:#fff;border-radius:10px;box-shadow:0 4px 20px #003da614;border:1px solid rgba(122,155,207,.15);overflow:hidden;transition:all .5s linear}.faq-item:hover{box-shadow:0 8px 32px #003da61f;transform:translateY(-2px)}.faq-item.active{border-color:#7a9bcf;box-shadow:0 8px 32px #003da626}.faq-question{padding:24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s ease}.faq-question:hover{background-color:#7a9bcf0d}.faq-question h3{color:#003da6;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0;flex:1;padding-right:20px}.faq-icon{width:32px;height:32px;background:linear-gradient(135deg,#003da6,#7a9bcf);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;flex-shrink:0;transition:all .3s ease}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{padding:0 24px 24px;color:#666;line-height:1.7;margin:0;font-size:1rem}.faqs-sidebar{position:sticky;top:100px}.support-card{background:linear-gradient(135deg,#003da6,#2a5fc5);color:#fff;border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 12px 40px #003da633}.support-icon{width:80px;height:80px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.support-icon svg{width:40px;height:40px;color:#fff}.support-card h4{font-size:1.4rem;font-weight:600;margin-bottom:12px}.support-card p{font-size:1rem;line-height:1.6;opacity:.9;margin-bottom:30px}.support-contacts{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;text-align:left}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-label{font-weight:500;opacity:.8}.contact-value{font-weight:600}.support-button{width:100%;background:#fff;color:#003da6;border:none;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.support-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fff3}@media (max-width: 968px){.faqs-content{grid-template-columns:1fr;gap:40px}.faqs-sidebar{position:static}}@media (max-width: 768px){.faqs-section{padding:60px 15px}.faqs-header h2{font-size:2.2rem}.faqs-header p{font-size:1.1rem}.faq-question{padding:20px}.faq-question h3{font-size:1rem}.support-card{padding:30px 20px}}@media (max-width: 480px){.faqs-header h2{font-size:1.8rem}.faq-question{padding:16px}.faq-icon{width:28px;height:28px;font-size:1rem}.faq-answer p{padding:0 16px 16px}}.faq-item{animation:fadeInUp .5s ease-out}.faq-item:nth-child(odd){animation-delay:.1s}.faq-item:nth-child(2n){animation-delay:.2s}.phase-details{background:#fff;width:100%;overflow-x:hidden}body.modal-open{overflow:hidden}.hero-section{position:relative;width:100%!important;overflow:hidden;aspect-ratio:16 / 9}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;width:100%;padding:0 20px;opacity:1;transition:opacity .3s ease}.phase-title{font-size:4rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.5);color:#fff!important}.details-section,.masterplan-section,.outline-section,.images-section,.products-section,.payment-section,.brochure-section,.construction-updates-section{padding:80px 20px;width:100%;box-sizing:border-box}.images-section,.products-section,.brochure-section,.masterplan-section .construction-updates-section{background:#f8fafc;width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin-left:auto;margin-right:auto;width:100%}.section-header h2{font-size:2.5rem;color:#003da6;font-weight:700}.section-content{line-height:1.6;font-size:1.1rem;color:#333;max-width:1200px;margin-left:auto;margin-right:auto;width:100%}.section-content p{margin-bottom:1rem;margin-top:0!important}.masterplan-image{width:auto;height:auto;max-width:80vw;max-height:80vh;border-radius:15px;box-shadow:0 10px 30px #0000001a;object-fit:contain;display:block;margin:0 auto}.images-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:150px;gap:12px;padding:15px;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;max-width:1200px;margin-left:auto;margin-right:auto;height:400px;overflow-y:auto;overflow-x:hidden}.image-item{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#f8fafc}.image-item img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;background:#f8fafc}.image-item.selected{transform:scale(.95);box-shadow:0 0 0 3px #003da6}.image-overlay{position:absolute;inset:0;background:#003da680;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-item:hover .image-overlay,.image-item.selected .image-overlay{opacity:1}.checkmark{color:#fff;font-size:1.5rem;font-weight:700}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1200px;margin-left:auto;margin-right:auto;width:100%}.product-card{height:200px;border-radius:15px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0000001a}.product-image{width:100%;height:100%;object-fit:cover}.product-overlay{position:absolute;inset:0;background:linear-gradient(#0000001a,#000c);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:20px}.product-name{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#fff}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0003}.brochure-file{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background:linear-gradient(135deg,#fff,#fafbfd);border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(122,155,207,.2);margin-bottom:15px;max-width:1200px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.brochure-file:hover{transform:translate(10px);box-shadow:0 5px 15px #003da61a}.brochure-file:last-child{margin-bottom:0}.file-name{flex:1;font-weight:500;color:#003da6;text-align:center;margin:0 10px;word-break:break-word}.brochure-file:hover .download-icon{opacity:1}.construction-updates-section{padding:80px 20px;background:#f8fafc;width:100%;box-sizing:border-box}.construction-subsection{margin-bottom:60px;max-width:1200px;margin-left:auto;margin-right:auto;width:100%}.construction-subsection:last-child{margin-bottom:0}.subsection-header{margin-bottom:30px;text-align:center}.subsection-header h3{font-size:1.8rem;color:#003da6;font-weight:600;position:relative;display:inline-block}.subsection-header h3:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#003da6,#7a9bcf);border-radius:2px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto}.video-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #003da61a;cursor:pointer;transition:all .3s ease;border:1px solid rgba(122,155,207,.2)}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #003da626}.video-thumbnail{position:relative;width:100%;height:200px;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.video-overlay{position:absolute;inset:0;background:#003da6b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .video-overlay{opacity:1}.play-button{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-button svg{width:24px;height:24px;fill:#003da6}.video-card:hover .play-button{transform:scale(1.1);background:#fff}.video-duration{position:absolute;bottom:10px;right:10px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.video-info{padding:20px}.video-title{font-size:1.1rem;font-weight:600;color:#003da6;margin-bottom:8px;line-height:1.4}.video-date{font-size:.9rem;color:#666;font-weight:500}.pdfs-list{display:flex;flex-direction:column;gap:15px;max-width:800px;margin:0 auto}.pdf-file{display:flex;align-items:center;justify-content:center;gap:15px;padding:18px 20px;background:#fff;border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(122,155,207,.2);box-shadow:0 2px 8px #003da60d;width:90%}.pdf-file:hover{transform:translate(10px);box-shadow:0 5px 15px #003da61a;border-color:#7a9bcf66}.file-icon{font-size:1.5rem;flex-shrink:0}.pdf-info{flex:1;display:flex;flex-direction:column;gap:4px}.pdf-name{font-weight:600;color:#003da6;font-size:1rem}.pdf-meta{font-size:.85rem;color:#666;font-weight:500}.download-icon{font-size:1.2rem;opacity:.7;transition:opacity .3s ease;flex-shrink:0}.pdf-file:hover .download-icon{opacity:1}.image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000000;padding:0;margin:0;box-sizing:border-box}.modal-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.maximized-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.video-modal-content{position:relative;width:100%;max-width:900px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.video-player-container{width:100%}.video-info-header{padding:40px 20px 10px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.video-info-header h4{margin:0 0 8px;font-size:1.3rem;color:#003da6;font-weight:600}.video-info-header .video-date{font-size:.9rem;color:#666;font-weight:500}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0}.video-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:#000}.close-button{position:absolute;top:1px;right:1px;background:#fff3;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease;z-index:10000;padding:0;line-height:1}.video-modal .close-button{color:#003da6}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.video-modal .close-button:hover{background:#d3d3d3}.vertical-nav{position:fixed;right:0;top:50%;transform:translateY(-50%);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px 0 0 12px;padding-top:10px;box-shadow:-4px 0 20px #0000001a;border:1px solid rgba(255,255,255,.2);z-index:1000;transition:all .3s ease;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;width:150px}.nav-header{position:sticky;top:0;z-index:10;padding:15px 20px;border-bottom:1px solid #eee;flex-shrink:0}.nav-content{flex:1;overflow-y:auto}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:4px}.nav-link{width:100%;text-align:left;padding:12px 16px;border:none;background:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#666;text-decoration:none;display:block;position:relative}.nav-link:hover{background:#0000000d;color:#333}.nav-link.active{background:#003da6;color:#fff;font-weight:500}.nav-link.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#003da6;border-radius:2px}.main-content{margin-right:220px;transition:margin-right .3s ease}.phase-details{position:relative}.vertical-nav::-webkit-scrollbar{width:4px}.vertical-nav::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.vertical-nav::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.vertical-nav::-webkit-scrollbar-thumb:hover{background:#0000004d}section{scroll-margin-top:80px}@media (max-width: 768px){.phase-title{font-size:2.5rem;color:#fff!important}.hero-content{width:90%;padding:0 15px}.details-section,.masterplan-section,.outline-section,.images-section,.products-section,.payment-section,.brochure-section,.construction-updates-section{padding:50px 15px}.section-header{flex-direction:column;gap:20px;text-align:center}.section-header h2{font-size:2rem}.images-gallery{height:400px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:12px}.image-item{border-radius:8px}.products-grid{grid-template-columns:repeat(2,1fr);gap:15px}.product-card{height:180px}.product-name{font-size:small}.main-content{margin-right:0}.construction-updates-section{padding:50px 15px}.construction-subsection{margin-bottom:40px}.subsection-header h3{font-size:1.5rem}.videos-grid{grid-template-columns:1fr;gap:20px}.video-thumbnail{height:180px}.video-info{padding:15px}.video-title{font-size:1rem}.pdf-file{padding:15px;gap:12px}.pdf-name{font-size:.95rem}.file-icon{font-size:1.3rem}.modal-content{padding:10px}.close-button{justify-content:center;align-items:center;top:15px;right:15px;width:50px;height:50px;font-size:2rem}}@media (max-width: 480px){.phase-title{font-size:2rem;color:#fff!important}.back-button{top:70px;left:10px;padding:8px 12px;font-size:.8rem}.hero-section{aspect-ratio:1 / 1}.hero-content{width:95%;padding:0 10px}.details-section,.masterplan-section,.outline-section,.images-section,.products-section,.payment-section,.brochure-section,.construction-updates-section{padding:20px 10px 5px}.section-header h2{font-size:1.8rem}.images-gallery{height:400px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:10px}.images-section{padding:30px 10px;width:100%}.construction-updates-section{padding:40px 10px}.construction-subsection{margin-bottom:30px}.subsection-header h3{font-size:1.3rem}.video-thumbnail{height:160px}.play-button{width:50px;height:50px}.play-button svg{width:20px;height:20px}.pdf-file{padding:12px 15px;gap:10px}.pdf-name{font-size:.9rem}.pdf-meta{font-size:.8rem}.file-icon{font-size:1.2rem}.download-icon{font-size:1rem}.close-button{justify-content:center;align-items:center;top:10px;right:10px;width:45px;height:45px;font-size:1.8rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 360px){.images-gallery{height:400px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}}.images-gallery::-webkit-scrollbar{width:8px}.images-gallery::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.images-gallery::-webkit-scrollbar-thumb{background:#7a9bcf;border-radius:4px}.images-gallery::-webkit-scrollbar-thumb:hover{background:#003da6}.scroll-to-top{padding:0!important;position:fixed;bottom:30px;right:30px;width:60px;height:60px;border:none;border-radius:50%;background:#003da6;color:#fff;cursor:pointer;box-shadow:0 4px 20px #667eea4d;z-index:1001;display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:fadeInUp .5s ease}.scroll-to-top svg{width:20px;height:20px;transition:transform .3s ease}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 25px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.scroll-to-top:active{transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px}}.side-menu-button{position:fixed;right:0;top:30%;transform:translateY(-50%);width:45px;height:45px;background-color:#003da6;color:#fff;border:none;border-radius:20% 0 0 20%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #003da64d;transition:all .3s ease;z-index:1001;padding:0%!important}.side-menu-button:hover{background-color:#002a77;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #003da666}.side-menu-button svg{stroke:#fff!important}.side-menu-button:active{transform:translateY(-50%) scale(.95)}@media (min-width: 769px){.side-menu-button{display:none}}@media (max-width: 480px){.side-menu-button{width:40px;height:40px}.side-menu-button svg{width:16px;height:16px}}@media (max-width: 360px){.side-menu-button{width:38px;height:38px}.side-menu-button svg{width:14px;height:14px}}.image-modal-open .side-menu-button,.modal-open .side-menu-button{display:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:40px}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #003da6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#666;font-size:1.1rem;margin:0}.vertical-nav{position:fixed;right:0;top:50%;transform:translateY(-50%);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px 0 0 12px;padding-top:10px;box-shadow:-4px 0 20px #0000001a;border:1px solid rgba(255,255,255,.2);z-index:1000;transition:all .3s ease;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;width:150px;max-height:60vh}.vertical-nav.desktop{right:0}.vertical-nav.closed{right:-200px}.vertical-nav.open{right:0}@media (max-width: 768px){.vertical-nav{top:45%;max-height:60vh;transform:translateY(-45%);width:140px}.vertical-nav:after{content:"";flex-shrink:0}}@media (max-width: 480px){.vertical-nav{top:40%;transform:translateY(-40%);max-height:60vh;width:130px}}.nav-content{flex:1;overflow-y:auto;padding-bottom:10px}@supports (padding: max(0px)){.vertical-nav{padding-bottom:max(10px,env(safe-area-inset-bottom))}}body.gallery-open .vertical-nav,body.gallery-open .side-menu-button,body.gallery-open .scroll-to-top,body.gallery-open .back-button{display:none!important}body.gallery-open .menu-controls-container{display:none!important;visibility:hidden!important;opacity:0!important}body.gallery-open .navbar{display:none!important;visibility:hidden!important;opacity:0!important;z-index:-1!important}.custom-gallery-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gallery-modal-content{position:relative;width:100%;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:20px}.gallery-close-button{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#ffffff1a;border:none;color:#fff;font-size:2rem;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;padding:0%!important;align-items:center;justify-content:center;transition:all .3s ease;z-index:10009}.gallery-close-button:hover{background:#ffffff4d;transform:translate(-50%) scale(1.1)}.gallery-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.gallery-nav-button:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.gallery-prev-button{left:20px}.gallery-next-button{right:20px}.gallery-nav-button{padding:0%!important}.gallery-nav-button svg{width:24px;height:24px}.gallery-main-image{position:relative;width:100%;height:70vh;display:flex;align-items:center;justify-content:center;background:#000;border-radius:10px;overflow:hidden}.gallery-current-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.gallery-counter{position:absolute;top:20px;left:20px;background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500}.gallery-thumbnails{display:flex;gap:10px;justify-content:center;align-items:center;padding:15px;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.thumbnail-item{width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid transparent;opacity:.7}.thumbnail-item:hover{opacity:1;transform:scale(1.05)}.thumbnail-item.active{opacity:1;border-color:#003da6;transform:scale(1.05)}.thumbnail-image{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.custom-gallery-modal{padding:10px}.gallery-modal-content{max-width:95vw;max-height:95vh}.gallery-main-image{height:60vh}.gallery-nav-button{width:50px;height:50px}.gallery-prev-button{left:10px}.gallery-next-button{right:10px}.gallery-close-button{top:15px;left:50%;transform:translate(-50%);width:40px;height:40px;font-size:1.5rem}.gallery-close-button:hover{transform:translate(-50%) scale(1.1)}.thumbnail-item{width:60px;height:60px}.gallery-thumbnails{gap:8px;padding:10px}}@media (max-width: 480px){.gallery-main-image{height:50vh}.thumbnail-item{width:50px;height:50px}.gallery-nav-button{width:45px;height:45px}.gallery-close-button{top:10px;width:35px;height:35px;font-size:1.3rem}}body.gallery-open{overflow:hidden}