.banner-center h1{margin:0;line-height:0;filter:drop-shadow(0 5px 3px #020b17aa)}
.hotel-banner{height:410px}
.banner-center{margin-top:4px}
.banner-center h1 img{width:min(550px,48vw);height:auto;image-rendering:auto}
.login-heading{gap:0}
@media(max-width:850px){.hotel-banner{height:330px}}
@media(max-width:540px){.hotel-banner{height:300px}.banner-center h1 img{width:78vw}}

/* Dark Habvice sea-map atmosphere below the hero. */
body{background-color:#071118;background-image:radial-gradient(circle at 14% 52%,rgba(28,78,112,.22),transparent 28%),radial-gradient(circle at 86% 72%,rgba(164,112,34,.10),transparent 25%),radial-gradient(circle at 50% 100%,rgba(21,59,88,.22),transparent 38%),linear-gradient(180deg,#0a151b 0%,#07121a 45%,#050d14 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:410px 0 0;pointer-events:none;z-index:-1;opacity:.32;background-image:radial-gradient(circle,#d8b66a 0 1px,transparent 1.5px),radial-gradient(circle,#6b9fc0 0 1px,transparent 1.5px),repeating-linear-gradient(135deg,transparent 0 54px,rgba(98,139,162,.035) 55px 56px,transparent 57px 110px);background-size:137px 137px,211px 211px,110px 110px;background-position:18px 27px,73px 91px,0 0}
.portal:after{content:"";position:absolute;z-index:-1;left:-70px;right:-70px;top:28%;bottom:-70px;border-radius:48%;background:radial-gradient(ellipse at center,rgba(18,52,72,.24),transparent 68%);filter:blur(12px)}

.hotel-banner,.portal,footer,.dash-hero,.voyage-nav,.dashboard{position:relative;z-index:1}.sky-effects{position:fixed;z-index:0;pointer-events:none;overflow:hidden;left:0;right:0;top:410px;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(25,69,102,.16),transparent 31%),radial-gradient(ellipse at 78% 60%,rgba(20,52,82,.17),transparent 34%)}.star-layer{position:absolute;inset:0;background-repeat:repeat;transform:translateZ(0)}.star-layer-a{opacity:.75;background-image:radial-gradient(circle,#f5d991 0 1px,transparent 1.6px),radial-gradient(circle,#a8d9f0 0 1px,transparent 1.5px);background-size:117px 103px,173px 149px;background-position:14px 21px,61px 73px;animation:star-twinkle 4s ease-in-out infinite alternate}.star-layer-b{opacity:.42;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.8px),radial-gradient(circle,#e8b858 0 1.5px,transparent 2px);background-size:251px 219px,337px 281px;background-position:105px 18px,20px 137px;animation:star-drift 28s linear infinite}.shooting-star{position:absolute;width:150px;height:2px;border-radius:100%;opacity:0;transform:rotate(-28deg);background:linear-gradient(90deg,transparent,rgba(111,195,235,.35),#fff7d2);filter:drop-shadow(0 0 5px #8fd9ff)}.shooting-star:after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:#fff8d9;box-shadow:0 0 9px #fff,0 0 15px #78cfff}.shooting-one{top:13%;left:-180px;animation:shoot-one 10s ease-in infinite 1s}.shooting-two{top:46%;left:-180px;animation:shoot-two 14s ease-in infinite 6s}.shooting-three{top:75%;left:-180px;animation:shoot-three 18s ease-in infinite 11s}@keyframes star-twinkle{0%{opacity:.38;filter:brightness(.8)}55%{opacity:.82;filter:brightness(1.35)}100%{opacity:.55;filter:brightness(1)}}@keyframes star-drift{to{background-position:356px 237px,357px 418px}}@keyframes shoot-one{0%,78%{opacity:0;transform:translate(-5vw,-20px) rotate(-28deg)}80%{opacity:1}88%{opacity:.9}94%,100%{opacity:0;transform:translate(115vw,330px) rotate(-28deg)}}@keyframes shoot-two{0%,81%{opacity:0;transform:translate(-5vw,0) rotate(-28deg)}83%{opacity:.9}91%{opacity:.8}97%,100%{opacity:0;transform:translate(115vw,360px) rotate(-28deg)}}@keyframes shoot-three{0%,84%{opacity:0;transform:translate(-5vw,0) rotate(-28deg)}86%{opacity:.85}93%{opacity:.7}98%,100%{opacity:0;transform:translate(115vw,300px) rotate(-28deg)}}@media(max-width:850px){.sky-effects{top:330px}}@media(max-width:540px){.sky-effects{top:300px}.shooting-star{width:90px}}@media(prefers-reduced-motion:reduce){.star-layer,.shooting-star{animation:none}.shooting-star{display:none}}