html, body { height: 100%; min-height: 100svh; overflow-x: hidden; overscroll-behavior-x: none; overscroll-behavior-y: auto; } body { overscroll-behavior-y: auto; } /* Grain overlay via SVG fractal noise */ body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background-image: url("data:image/svg+xml;utf8,"); opacity: 0.22; mix-blend-mode: multiply; } /* Wavy blue shading inside the sunrise circle */ body::after { content: ""; position: fixed; inset: 0; pointer-events: none; background-image: repeating-linear-gradient( 85deg, rgba(59,130,246,0.10) 0 2px, rgba(59,130,246,0.00) 2px 10px), repeating-linear-gradient(-75deg, rgba(30,64,175,0.08) 0 1px, rgba(30,64,175,0.00) 1px 9px); background-repeat: no-repeat, no-repeat; background-size: 100% 100%, 100% 100%; filter: blur(18px); opacity: 0.55; mix-blend-mode: soft-light; /* Confine to the sunrise circle area */ -webkit-mask-image: radial-gradient(400px circle at 50% 104%, #000 0%, #000 70%, transparent 86%); mask-image: radial-gradient(400px circle at 50% 104%, #000 0%, #000 70%, transparent 86%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } /* Extra softening layer to eliminate residual banding/lines */ html::after { content: ""; position: fixed; inset: 0; pointer-events: none; background-image: radial-gradient(60% 26% at 50% 100%, rgba(59,130,246,0.18), rgba(59,130,246,0) 70%), radial-gradient(90% 42% at 50% 104%, rgba(37,99,235,0.14), rgba(37,99,235,0) 75%); filter: blur(140px); opacity: 0.28; mix-blend-mode: screen; } .booking-email-input::placeholder { color: rgba(255,255,255,0.32); } .arrow-dot { display: inline-block; width: 10px; height: 10px; image-rendering: pixelated; background-repeat: no-repeat; background-size: 10px 10px; background-position: center; transition: background-image 0.2s ease; } .arrow-dot.down { background-image: url("data:image/svg+xml;utf8,"); } .arrow-dot.up { background-image: url("data:image/svg+xml;utf8,"); }