:root{--color-top: #354F52}.hero-background{position:fixed;inset:0;background-color:var(--color-top);display:flex;align-items:center;justify-content:center;z-index:9999}.container{text-align:center;width:100%;max-width:400px}.logo-box{margin-bottom:40px}.logo-box img{width:180px;height:auto}.progress-container{width:240px;margin:0 auto}.wip-text{font-size:10px;text-transform:uppercase;letter-spacing:3px;color:#fffc;margin-bottom:15px}.progress-bar-bg{width:100%;height:2px;background:#ffffff1a;border-radius:10px}.progress-bar-fill{width:0%;height:100%;background:#fff;animation:liquidFill 3s ease-in-out forwards}@keyframes liquidFill{0%{width:0%}to{width:100%}}:root{--color-top: #354F52;--color-bottom: #CAD2C5;--text-color: #CAD2C5;--dark-bg: #2C3330}.hero-background{min-height:100vh;width:100%;background:linear-gradient(to bottom,var(--color-top) 0%,var(--color-top) 50%,var(--color-bottom) 100%);display:flex;flex-direction:column;align-items:center;padding:0 5%}.header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:40px 0;animation:fadeIn .8s ease-out}.logo-box img{max-width:150px}.navigation-desktop{display:flex;gap:40px}.nav-link{color:var(--text-color);text-decoration:none;font-weight:300;transition:.3s}.nav-link:hover{opacity:.6}.main-content{width:100%;max-width:1400px;display:flex;align-items:center;justify-content:space-between;flex:1;gap:50px;z-index:5;padding-bottom:50px;flex-direction:row;animation:fadeInUp 1s ease-out .3s backwards}.left-section{flex:1;z-index:10;padding-right:50px;max-width:600px}.title{font-size:clamp(2rem,5vw,3.5rem);color:var(--text-color);margin-bottom:20px;line-height:1.1}.paragraph{color:var(--text-color);font-size:1.1rem;line-height:1.6;margin-bottom:30px;opacity:.9}.cta-button{background:var(--dark-bg);color:var(--color-bottom);border:1px solid var(--text-color);padding:15px 30px;cursor:pointer;transition:.3s}.cta-button:hover{background:var(--text-color);color:var(--dark-bg)}.right-section{position:absolute;right:-5%;top:0;bottom:0;width:65%;display:flex;justify-content:flex-end;align-items:center;pointer-events:none}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:6px}.hamburger span{width:25px;height:2px;background:var(--text-color)}.mobile-menu{display:none;position:fixed;inset:0;background:var(--color-top);z-index:100;flex-direction:column;align-items:center;justify-content:center}.mobile-menu.active{display:flex}.mobile-menu-links{display:flex;flex-direction:column;gap:30px;align-items:center}.mobile-menu-links a{color:var(--text-color);font-size:1.5rem;text-decoration:none}.close-menu{position:absolute;top:30px;right:30px;font-size:2rem;color:var(--text-color);cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.navigation-desktop{display:none}.hamburger{display:flex}.main-content{flex-direction:column;text-align:center}.left-section{align-items:center}.right-section{width:100%;justify-content:center}}.react-home-design{width:140%;max-width:900px;height:650px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-left:-20%;mask-image:linear-gradient(to right,transparent 0%,black 30%,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 30%,black 70%,transparent 100%);pointer-events:none}.react-home-design canvas{width:100%!important;height:100%!important;object-fit:cover}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}h1,h2,h3,p{margin:0}a{text-decoration:none;color:inherit}*{box-sizing:border-box}