:root{--color-bg: #ffffff;--color-bg-subtle: #f8fafc;--color-primary-blue: #002d5a;--color-primary-hover: #001f3f;--color-accent-cyan: #00aef0;--color-logo-navy: #002d5a;--color-logo-cyan: #00aef0;--color-text-dark: #1a202c;--color-text-medium: #4a5568;--color-text-light: #718096;--color-text-white: #ffffff;--font-headers: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 4rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 24px;--shadow-card: 0 10px 30px -10px rgba(85, 131, 182, .12), 0 1px 3px rgba(85, 131, 182, .05)}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%}body{width:100%;height:100%;background:transparent;color:var(--color-text-medium);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;line-height:1.5;position:relative}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/background.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:-1;pointer-events:none;opacity:0;animation:body-bg-fade-in 1.5s ease forwards 1.85s}@keyframes body-bg-fade-in{to{opacity:1}}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}.wrapper{display:flex;flex-direction:column;height:100vh;width:100%;position:relative;z-index:10;overflow:hidden}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.flex-center{display:flex;justify-content:center;align-items:center}.decor-circle{position:absolute;border-radius:50%;filter:blur(100px);z-index:1;pointer-events:none;opacity:.3}.circle-1{top:-10%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,var(--color-primary-blue) 0%,rgba(255,255,255,0) 70%)}.circle-2{bottom:-10%;left:-5%;width:600px;height:600px;background:radial-gradient(circle,var(--color-logo-cyan) 0%,rgba(255,255,255,0) 70%)}.header-wrapper{background-color:#ffffff59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.25);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding-top:var(--spacing-md);padding-bottom:var(--spacing-sm);gap:var(--spacing-lg);position:relative;z-index:20}.logo-container{display:flex;align-items:center}.logo-link{display:inline-block}.logo-img{height:62px;width:auto;object-fit:contain;transition:transform var(--transition-normal)}.logo-link:hover .logo-img{transform:scale(1.02)}.email-container{display:flex;justify-content:center;align-items:center}.email-info{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg);border:1px solid rgba(85,131,182,.15);border-radius:var(--border-radius-lg);color:var(--color-text-dark);font-family:var(--font-headers);box-shadow:0 4px 15px #5583b60a;transition:all var(--transition-normal)}.email-info:hover{border-color:var(--color-accent-cyan);box-shadow:0 6px 20px #00aef01f;transform:translateY(-1px)}.email-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-bg-subtle);border-radius:50%;color:var(--color-primary-blue);transition:all var(--transition-normal)}.email-info:hover .email-icon-wrapper{background-color:var(--color-primary-blue);color:var(--color-text-white)}.email-icon{width:18px;height:18px}.email-address{font-size:.95rem;letter-spacing:.5px;color:inherit;transition:color var(--transition-normal)}.email-address strong{font-weight:700;color:inherit;transition:color var(--transition-normal)}.address-container{display:flex;justify-content:flex-end}.company-address{font-style:normal;text-align:left;line-height:1.45;font-size:.85rem;color:var(--color-primary-blue);border-left:3px solid var(--color-primary-blue);padding-left:var(--spacing-sm)}.company-name{display:block;font-family:var(--font-headers);font-weight:700;font-size:.95rem;color:var(--color-primary-blue);margin-bottom:2px}.street,.city{display:block;letter-spacing:.2px}.nav-bar-section{background-color:var(--color-primary-blue);box-shadow:0 4px 20px #5583b626;position:relative;z-index:30;border-bottom:2px solid rgba(255,255,255,.1)}.nav-container{display:flex;justify-content:center;align-items:center}.nav-menu{display:flex;align-items:center;justify-content:center;padding:14px 0;width:100%}.nav-menu li{display:flex;align-items:center}.nav-link-item{color:var(--color-text-white);font-family:var(--font-headers);font-weight:600;font-size:.95rem;letter-spacing:1.5px;padding:var(--spacing-xs) var(--spacing-md);position:relative;transition:all var(--transition-normal)}.nav-separator{color:#fff6;font-size:.85rem;font-weight:300;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0 var(--spacing-xs)}.nav-link-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--color-accent-cyan);transition:all var(--transition-normal);transform:translate(-50%)}.nav-link-item:hover{opacity:1;text-shadow:0 0 10px rgba(255,255,255,.3)}.nav-link-item:hover:after{width:40%}.mobile-nav-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:10px;position:relative;z-index:1000}.hamburger{display:block;width:24px;height:2px;background:var(--color-text-white);position:relative;transition:background var(--transition-normal)}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--color-text-white);left:0;transition:transform var(--transition-normal)}.hamburger:before{top:-6px}.hamburger:after{bottom:-6px}.main-content{flex-grow:1;display:flex;align-items:center;justify-content:center;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);position:relative;z-index:20;overflow:hidden;max-height:calc(100vh - 160px)}.main-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1;pointer-events:none;transition:background-color var(--transition-normal);opacity:0;animation:element-fade-in .8s ease forwards 1.35s}.construction-card{background-color:#ffffff59;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius-lg);border:1px solid rgba(85,131,182,.18);padding:2.2rem var(--spacing-lg);max-width:800px;width:100%;text-align:center;box-shadow:var(--shadow-card);position:relative;z-index:10;overflow:hidden;display:flex;flex-direction:column;align-items:center;margin-top:-60px}.construction-icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:72px;height:72px;border-radius:50%;background-color:#00aef014;color:var(--color-accent-cyan);margin-bottom:1.2rem}.construction-icon{width:32px;height:32px;position:relative;z-index:10}.construction-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,174,240,.35);animation:pulse-ring 2.5s cubic-bezier(.215,.61,.355,1) infinite;z-index:1}.main-title{font-family:var(--font-headers);font-size:1.85rem;font-weight:700;color:var(--color-text-dark);line-height:1.35;margin-bottom:.75rem;letter-spacing:-.2px}.title-sub{display:block;font-family:var(--font-body);font-size:1.2rem;font-weight:400;color:var(--color-text-medium);margin-top:6px}.thank-you-text{font-family:var(--font-headers);font-size:1.45rem;font-weight:700;color:var(--color-text-dark);line-height:1.35;margin-top:var(--spacing-sm);margin-bottom:0}.thank-you-sub{display:block;font-family:var(--font-body);font-size:1.05rem;font-weight:400;color:var(--color-text-medium);margin-top:4px}.progress-container{width:100%;max-width:420px;margin-top:var(--spacing-xs);padding:0 var(--spacing-md)}.progress-bar-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-light);margin-bottom:6px;font-weight:500;letter-spacing:.5px}.progress-pct{color:var(--color-primary-blue);font-weight:700}.progress-track{width:100%;height:6px;background-color:var(--color-bg-subtle);border-radius:3px;overflow:hidden}.progress-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--color-primary-blue) 0%,var(--color-logo-cyan) 100%);border-radius:3px;animation:fill-bar 1.5s cubic-bezier(.1,.8,.25,1) forwards .8s}.popover{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-normal)}.popover.hidden{opacity:0;pointer-events:none}.popover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#002d5a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.popover-content{background-color:var(--color-bg);border-radius:var(--border-radius-md);border:1px solid rgba(85,131,182,.15);padding:var(--spacing-lg) var(--spacing-xl);max-width:460px;width:90%;text-align:center;position:relative;z-index:10;box-shadow:0 20px 50px #002d5a40;transform:translateY(20px);transition:transform var(--transition-normal)}.popover:not(.hidden) .popover-content{transform:translateY(0)}.popover-close{position:absolute;top:15px;right:20px;background:transparent;border:none;font-size:1.8rem;color:var(--color-text-light);cursor:pointer;transition:color var(--transition-fast)}.popover-close:hover{color:var(--color-text-dark)}.popover-content h2{font-family:var(--font-headers);font-size:1.45rem;font-weight:700;color:var(--color-logo-navy);margin-bottom:var(--spacing-sm)}.popover-text{font-size:.95rem;color:var(--color-text-dark);font-weight:500;line-height:1.5;margin-bottom:var(--spacing-sm)}.popover-divider{width:40px;height:2px;background-color:var(--color-primary-blue);margin:var(--spacing-md) auto;opacity:.5}.popover-text-en{font-size:.85rem;color:var(--color-text-medium);font-style:italic;line-height:1.45;margin-bottom:var(--spacing-lg)}.btn-popover-ok{background-color:var(--color-primary-blue);color:var(--color-text-white);border:none;border-radius:var(--border-radius-sm);padding:10px 24px;font-family:var(--font-headers);font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color var(--transition-fast);width:100%}.btn-popover-ok:hover{background-color:var(--color-primary-hover)}.footer{text-align:center;padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg);font-size:.8rem;color:var(--color-text-light);position:relative;z-index:20;margin-top:auto}@keyframes pulse-ring{0%{transform:scale(.65);opacity:1}50%{opacity:.5}to{transform:scale(1.4);opacity:0}}@keyframes fill-bar{to{width:85%}}.fade-in-delay-1,.fade-in-delay-2,.fade-in-delay-3,.fade-in-delay-4,.fade-in-delay-5{opacity:0;animation:element-fade-in .8s ease forwards}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.35s}.fade-in-delay-3{animation-delay:.6s}.fade-in-delay-4{animation-delay:.85s}.fade-in-delay-5{animation-delay:1.1s}.decor-circle.fade-in-delay-7{opacity:0;animation:circle-fade-in 1.2s ease forwards 1.6s}@keyframes circle-fade-in{to{opacity:.3}}[data-theme=dark] .decor-circle.fade-in-delay-7{animation:circle-fade-in-dark 1.2s ease forwards 1.6s}@keyframes circle-fade-in-dark{to{opacity:.22}}@keyframes element-fade-in{to{opacity:1}}@media (max-width: 992px){.header{grid-template-columns:1fr auto;row-gap:var(--spacing-md);padding-top:var(--spacing-md)}.logo-container{grid-column:1}.email-container{grid-column:2;justify-content:flex-end}.address-container{grid-column:1 / span 2;justify-content:center;width:100%}.company-address{border-left:none;border-top:3px solid var(--color-primary-blue);padding-left:0;padding-top:var(--spacing-sm);text-align:center;display:inline-block}.main-title{font-size:1.6rem}.title-sub{font-size:1.1rem}.thank-you-text{font-size:1.3rem}.thank-you-sub{font-size:.95rem}}@media (max-width: 768px){.header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.email-container{width:100%;justify-content:center}.address-container{width:100%}.logo-img{height:52px}.mobile-nav-toggle{display:block;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.nav-bar-section{padding:var(--spacing-xs) 0;min-height:48px}.nav-container{justify-content:flex-start;position:relative}.nav-menu{display:none;flex-direction:column;padding:var(--spacing-md) 0;background-color:var(--color-primary-blue);position:absolute;top:100%;left:0;width:100%;border-top:1px solid rgba(255,255,255,.15);box-shadow:0 10px 20px #0000001a}.nav-menu.active{display:flex;animation:menu-slide-down .3s ease forwards}.nav-menu li{width:100%;justify-content:center}.nav-link-item{padding:var(--spacing-sm) var(--spacing-md);width:100%;text-align:center}.nav-separator{display:none}.mobile-nav-toggle.active .hamburger{background:transparent}.mobile-nav-toggle.active .hamburger:before{transform:translateY(6px) rotate(45deg)}.mobile-nav-toggle.active .hamburger:after{transform:translateY(-6px) rotate(-45deg)}.main-content{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.construction-card{padding:var(--spacing-lg) var(--spacing-sm)}.main-title{font-size:1.35rem}.title-sub{font-size:.95rem}.thank-you-text{font-size:1.15rem}.thank-you-sub{font-size:.85rem}}@keyframes menu-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sea-background{position:absolute;bottom:0;left:0;width:100%;height:22vh;min-height:110px;max-height:190px;z-index:5;pointer-events:none}.waves{position:relative;width:100%;height:100%;margin-bottom:-7px}.wave-foreground{fill:#fff9;transition:fill var(--transition-normal)}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:9s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:13s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:16s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:24s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media (max-height: 600px){.header{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.logo-img{height:44px}.main-content{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs);max-height:calc(100vh - 120px)}.construction-card{padding:var(--spacing-sm)}.thank-you-text{margin-bottom:var(--spacing-md)}.sea-background{height:14vh}}.footer-wrapper{background-color:#ffffff59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.25);width:100%;position:relative;z-index:20}.footer{display:flex;justify-content:center;align-items:center;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);min-height:48px}.copyright{font-size:.85rem;color:#ffffffd9;margin:0;text-align:center;font-weight:500}[data-theme=dark]{--color-bg: #00070e;--color-bg-subtle: #337ecb;--color-text-dark: #ffffff;--color-text-medium: #cbd5e1;--color-text-light: #64748b;--color-primary-blue: #002d5a;--color-primary-hover: #003a75}[data-theme=dark] .header-wrapper{background-color:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.3)}[data-theme=dark] .main-content:before{background-color:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .decor-circle{opacity:.22}[data-theme=dark] .wave-foreground{fill:var(--color-bg)}[data-theme=dark] .construction-card{background-color:#000814a6;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px -15px #0009,0 0 30px #00aef00a}[data-theme=dark] .email-info{background-color:#001b35cc;border-color:#00aef026;color:#fff;box-shadow:0 4px 15px #0003}[data-theme=dark] .email-info:hover{border-color:var(--color-accent-cyan);background-color:#002549e6;box-shadow:0 6px 22px #00aef040}[data-theme=dark] .email-address,[data-theme=dark] .email-address strong{color:#fff}[data-theme=dark] .email-icon-wrapper{background-color:#00aef01a;color:var(--color-accent-cyan)}[data-theme=dark] .email-info:hover .email-icon-wrapper{background-color:var(--color-accent-cyan);color:#00070e}[data-theme=dark] .company-address{color:var(--color-primary-blue)}[data-theme=dark] .popover-content{background-color:#001b35e6;border:1px solid rgba(0,174,240,.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 25px 60px #0009}[data-theme=dark] .popover-content h2{color:#fff}[data-theme=dark] .popover-text{color:#cbd5e1}[data-theme=dark] .popover-text-en{color:#94a3b8}[data-theme=dark] .btn-popover-ok{background-color:var(--color-accent-cyan);color:var(--color-bg)}[data-theme=dark] .btn-popover-ok:hover{background-color:#33beff}.theme-toggle-btn{position:fixed;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,45,90,.12);background-color:#ffffffd9;color:var(--color-logo-navy);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px #002d5a14;transition:all var(--transition-normal)}.theme-toggle-btn:hover{transform:scale(1.08) rotate(15deg);border-color:var(--color-accent-cyan);box-shadow:0 6px 16px #00aef026;color:var(--color-accent-cyan)}.theme-toggle-btn .sun-icon{display:none;width:20px;height:20px}.theme-toggle-btn .moon-icon{display:block;width:18px;height:18px}[data-theme=dark] .theme-toggle-btn{background-color:#001b35cc;border-color:#00aef033;color:var(--color-accent-cyan);box-shadow:0 4px 15px #00000059}[data-theme=dark] .theme-toggle-btn:hover{border-color:var(--color-accent-cyan);box-shadow:0 6px 18px #00aef04d;color:#fff}[data-theme=dark] .theme-toggle-btn .sun-icon{display:block}[data-theme=dark] .theme-toggle-btn .moon-icon{display:none}@media (min-width: 993px){.header{padding-right:4.5rem}}@media (max-width: 768px){.theme-toggle-btn{top:1rem;right:1rem;width:38px;height:38px}.theme-toggle-btn .moon-icon{width:16px;height:16px}.theme-toggle-btn .sun-icon{width:18px;height:18px}}
