.mh-page{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.harbour-scene{background:#0b1f2e;overflow:hidden}.hs-sky{background:radial-gradient(140% 80% at 72% 64%,#f5c56b8c 0%,#f5c56b00 42%),linear-gradient(#0a1c2a 0%,#102d43 30%,#1e4a66 52%,#2e6b87 66%,#4a8da6 76%,#c98f6e 100%);position:absolute;inset:0}.hs-stars{opacity:.7;background-image:radial-gradient(1.4px 1.4px at 12% 18%,#ffffffe6,#0000),radial-gradient(1.2px 1.2px at 28% 9%,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 44% 22%,#fffc,#0000),radial-gradient(1.1px 1.1px at 63% 12%,#fff9,#0000),radial-gradient(1.3px 1.3px at 81% 8%,#ffffffbf,#0000),radial-gradient(1.2px 1.2px at 91% 24%,#fff9,#0000),radial-gradient(1.1px 1.1px at 20% 30%,#ffffff80,#0000),radial-gradient(1.2px 1.2px at 54% 6%,#ffffffb3,#0000);animation:7s cubic-bezier(.76,0,.24,1) infinite mh-twinkle;position:absolute;inset:0}.hs-glow{filter:blur(6px);background:radial-gradient(circle,#fad4898c 0%,#f5c56b38 38%,#f5c56b00 68%);width:46vw;max-width:640px;height:46vw;max-height:640px;animation:10s cubic-bezier(.76,0,.24,1) infinite mh-breathe;position:absolute;top:60%;left:72%;transform:translate(-50%,-50%)}.hs-sun{background:radial-gradient(circle at 50% 42%,#fff3d6 0%,#fad489 46%,#f5c56b 72%,#f5c56b66 100%);border-radius:50%;width:96px;height:96px;animation:10s cubic-bezier(.76,0,.24,1) infinite mh-sun-glow;position:absolute;top:60%;left:72%;transform:translate(-50%,-50%);box-shadow:0 0 60px 12px #fad48980}.hs-water{background:linear-gradient(#4a8da600 0%,#2e6b87 16%,#1e4a66 52%,#0b1f2e 100%);height:38%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hs-water:before{content:"";background:linear-gradient(90deg,#0000,#fdebc4b3,#0000);height:2px;position:absolute;top:0;left:0;right:0}.hs-reflection{filter:blur(7px);opacity:.9;background:linear-gradient(#fad489d9,#fad4890d);width:120px;animation:5.5s cubic-bezier(.76,0,.24,1) infinite mh-refl;position:absolute;top:0;bottom:0;left:72%;transform:translate(-50%);-webkit-mask-image:repeating-linear-gradient(#000 0 5px,#0000 5px 12px);mask-image:repeating-linear-gradient(#000 0 5px,#0000 5px 12px)}.hs-shimmer{background-image:repeating-linear-gradient(#aed1dc00 0 14px,#aed1dc1a 14px 15px,#aed1dc00 15px 30px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.hs-shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#fdebc41a 45%,#fdebc429 50%,#fdebc41a 55%,#0000 100%);animation:9s linear infinite mh-drift;position:absolute;inset:-10% -30%}.hs-fog{filter:blur(8px);background:radial-gradient(60% 100% at 30%,#aed1dc29,#0000 70%),radial-gradient(50% 100% at 75% 40%,#c9c1e024,#0000 70%);height:28%;animation:26s linear infinite mh-fog;position:absolute;top:44%;left:-20%;right:-20%}.mini-scene{overflow:hidden}@keyframes mh-breathe{0%,to{opacity:.85;transform:translate(-50%,-50%)scale(1)}45%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}@keyframes mh-sun-glow{0%,to{box-shadow:0 0 60px 12px #fad48973}45%{box-shadow:0 0 92px 22px #fad48999}}@keyframes mh-twinkle{0%,to{opacity:.55}50%{opacity:.85}}@keyframes mh-drift{0%{transform:translate(-18%)}to{transform:translate(18%)}}@keyframes mh-refl{0%,to{opacity:.65;transform:translate(-50%)scaleY(1)}50%{opacity:.95;transform:translate(-50%)scaleY(1.04)}}@keyframes mh-fog{0%{transform:translate(-6%)}to{transform:translate(6%)}}@media (prefers-reduced-motion:reduce){.hs-glow,.hs-sun,.hs-stars,.hs-reflection,.hs-shimmer:after,.hs-fog{animation:none!important}}