:root{--color-sky-top: #2b9aca;--color-sky-bottom: #a5d4ed;--color-sea-top: #005f96;--color-sea-bottom: #002b4d;--color-text-primary: #1a1a1a;--color-text-light: #f5f5f5;--color-gold: #c5a059;--color-gold-hover: #e0b769;--font-heading: "Sora", sans-serif;--font-body: "Outfit", sans-serif;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text-primary);overflow-x:hidden;background:linear-gradient(to bottom,var(--color-sky-top),var(--color-sky-bottom));min-height:100vh}.sky-background{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-10;background-image:url(/assets/horizon.png);background-size:cover;background-position:center bottom}.clouds-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-9;overflow:hidden;mix-blend-mode:screen;pointer-events:none;transform:scaleY(-1)}.clouds-layer{position:absolute;top:0;left:0;width:200%;height:100%;background-image:url(/assets/clouds.png);background-size:cover;background-position:center;background-repeat:repeat-x;filter:grayscale(100%) brightness(1.2) blur(1px)}.layer-1{animation:moveClouds 200s linear infinite;opacity:.3;transform:scale(1.5)}.layer-2{top:-50px;animation:moveClouds 300s linear infinite reverse;opacity:.2;transform:scale(2)}.sea-background{display:none}@keyframes moveClouds{0%{left:0}to{left:-100%}}.scene-anim-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-5;pointer-events:none}.a380-anim{position:absolute;top:32%;left:-20%;width:20rem;opacity:1;animation:flyPlane 25s linear infinite;mix-blend-mode:screen}.a380-anim img{width:100%;height:auto;display:block}@keyframes flyPlane{0%{left:-25%;transform:translateY(0) rotate(0)}55%{transform:translateY(0) rotate(0)}60%{transform:translateY(-20px) rotate(-5deg)}to{left:120%;transform:translateY(-400px) rotate(-25deg)}}.cruise-anim{position:fixed;bottom:20vh;right:-25%;width:400px;opacity:1;animation:floatShip 200s linear infinite;z-index:-6;mix-blend-mode:screen;transform:scaleX(-1)}@keyframes floatShip{0%{right:-25%;transform:translateY(0) scaleX(-1)}50%{transform:translateY(5px) scaleX(-1)}to{right:120%;transform:translateY(0) scaleX(-1)}}#app{position:relative;z-index:10;display:flex;flex-direction:column;min-height:100vh}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 1rem}.brand-logo-container{display:flex;justify-content:center;padding:1rem 0;position:absolute;top:12vh;left:0;width:100%;z-index:200;pointer-events:none}.logo-img-large{height:175px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all 2s ease-in-out}.logo-img-large.collision-active{filter:drop-shadow(0 0 20px rgba(212,175,55,.7));animation:logoPulse 6s infinite ease-in-out}@keyframes logoPulse{0%{transform:scale(1)}15%{transform:scale(1.025)}75%{transform:scale(1.025)}to{transform:scale(1)}}.main-header{padding:.5rem 0;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;box-shadow:0 1px 5px #0000000d}.header-content{display:flex;justify-content:center;align-items:center}.main-nav ul{list-style:none;display:flex;gap:3rem}.main-nav a{text-decoration:none;color:var(--color-sea-bottom);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;transition:color .3s}.main-nav a:hover{color:var(--color-gold)}.hero-section{height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-content h2{font-family:var(--font-heading);font-size:3.5rem;margin-bottom:1rem;padding-top:42vh;animation:fadeInDown 1s ease-out}.hero-content p{font-size:1.25rem;max-width:600px;margin:0 auto 2rem;animation:fadeInUp 1s ease-out .3s backwards}.btn{display:inline-block;padding:.8rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer}.btn-primary{background:var(--color-gold);color:#fff;box-shadow:0 4px 15px #c5a05966}.btn-primary:hover{background:var(--color-gold-hover);transform:translateY(-2px)}.btn-secondary{background:var(--color-sea-bottom);color:#fff;border:none;font-size:1rem}.btn-secondary:hover{background:var(--color-sea-top)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;margin:2rem 0;padding:4rem 1rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h3{font-family:var(--font-heading);font-size:2.5rem;color:var(--color-sea-bottom);margin-bottom:1rem}.divider{width:60px;height:3px;background:var(--color-gold);margin:0 auto}.section-body p{max-width:800px;margin:0 auto 1.5rem;line-height:1.8;color:#444;text-align:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card{background:#fff9;padding:2rem;border-radius:12px;text-align:center;transition:transform .3s}.service-card:hover{transform:translateY(-5px);background:#ffffffe6}.icon{font-size:3rem;margin-bottom:1rem}.service-card h4{color:var(--color-sea-bottom);margin-bottom:.5rem;font-size:1.2rem}.service-card p{font-size:.9rem;color:#555;line-height:1.5}.contact-wrapper{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.contact-info,.contact-form{flex:1;min-width:300px}.contact-list{list-style:none;margin-top:1.5rem}.contact-list li{margin-bottom:1rem;font-size:1.1rem;color:#333}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{padding:1rem;border:1px solid #ccc;border-radius:8px;background:#fffc;font-family:var(--font-body)}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--color-gold);border-color:transparent}.main-footer{background:var(--color-sea-bottom);color:#fff;padding:2rem 0;margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.footer-links a{color:#aaa;text-decoration:none;margin:0 1rem;font-size:.9rem;transition:color .3s}.footer-links a:hover{color:#fff}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.logo-img-large{height:120px}.brand-logo-container{top:5vh}.hero-content h2{padding-top:10vh;font-size:3rem}.a380-anim{width:15rem;top:25%}}@media (max-width: 768px){.logo-img-large{height:110px}.brand-logo-container{top:90px;height:auto;padding:0}.a380-anim{width:6.5rem;top:220px;z-index:5}.hero-section{height:auto;min-height:80vh;align-items:flex-start;padding-top:330px}.hero-content{width:100%}.hero-content h2{font-size:2rem;margin-top:0;padding-top:0;margin-bottom:1rem}.hero-content p{font-size:1rem;padding:0 1rem}.section-header h3{font-size:2rem}.header-content{flex-direction:column;gap:.5rem}.main-nav ul{gap:1rem;flex-wrap:wrap;justify-content:center;padding:.5rem 0}.main-header{background:#fffffff2}.cruise-anim{width:100px;bottom:20vh}@keyframes flyPlane{0%{left:-30%;transform:translateY(0) rotate(0)}40%{transform:translateY(0) rotate(0)}to{left:120%;transform:translateY(-80px) rotate(-10deg)}}}@media (max-width: 480px){.logo-img-large{height:90px}.brand-logo-container{top:85px}.a380-anim{top:200px}.hero-section{padding-top:290px}.hero-content h2{font-size:1.6rem}}
