@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--midnight:#071723;--deep:#0b2231;--ocean:#173c4d;--champagne:#d6b67b;--paper:#f6f5f1;--ink:#172a33;--muted:#64747b;--line:#e4e7e5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:#14546d}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d6b67b;outline-offset:3px}
.topline{background:#071723;color:#c7d4d7;text-align:center;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;padding:9px 12px;border-bottom:1px solid #ffffff19}
header{background:#0b2231;color:#fff;padding:22px max(24px,calc((100% - 1250px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}
header strong{font:800 19px/1.1 Manrope,sans-serif;letter-spacing:-.045em;display:flex;align-items:center;max-width:240px}header strong:before{content:'B';font:800 25px Georgia,serif;color:#e8c991;display:grid;place-items:center;width:48px;height:48px;border:1px solid #bda16d;border-radius:50%;margin-right:14px;flex-shrink:0}
header nav{display:flex;gap:30px;flex-wrap:wrap}header a{color:#e0e9eb;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.02em}header a:hover{color:var(--champagne)}
main{max-width:1300px;margin:auto;padding:0 22px 100px}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.05em;line-height:1.16}h1{font-size:clamp(2.9rem,6.2vw,6.1rem);max-width:960px;margin:24px 0}h2{font-size:clamp(1.65rem,3vw,2.7rem);margin:0 0 20px}h3{font-size:1.15rem}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:610px;color:#fff;padding:clamp(35px,7vw,95px);background:linear-gradient(90deg,#061824f5 0%,#092435d9 55%,#0b32475c 100%),radial-gradient(ellipse at 75% 65%,#3a7d8d 0%,transparent 55%),linear-gradient(140deg,#091b29,#245c70);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero:before{content:'';position:absolute;z-index:-1;right:-6%;top:-30%;width:700px;height:950px;border:1px solid #c8b18055;border-radius:50%;transform:rotate(26deg);box-shadow:0 0 0 70px #ffffff04,0 0 0 140px #ffffff04,0 0 0 210px #ffffff04}
.hero:after{content:'B L A C K P O O L   /   F Y L D E   C O A S T';position:absolute;bottom:35px;right:45px;color:#ffffff66;font:700 10px DM Sans,sans-serif;letter-spacing:.22em}
.hero p{max-width:640px;color:#d4e0e3;font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.8;margin:0}
.pill{display:inline-flex;margin:0 8px 8px 0;color:#e7cc98;border:1px solid #d6b67b70;padding:7px 13px;border-radius:2px;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
section{background:#fff;padding:clamp(28px,4vw,56px);margin:28px 0;border:1px solid var(--line)}
section p{color:#5b6d73}section:first-of-type{position:relative;z-index:2;max-width:1080px;margin:-75px auto 45px;box-shadow:0 26px 80px #091e2821;border:1px solid #e9e9e5}
section:first-of-type h2{font-size:clamp(1.6rem,2.5vw,2.2rem)}section:first-of-type h2:before{content:'01 / RESERVE YOUR JOURNEY';display:block;font:800 10px DM Sans,sans-serif;color:#a28048;letter-spacing:.2em;margin-bottom:15px}
form{display:grid;grid-template-columns:1fr 1fr;gap:18px!important;max-width:none!important;padding:0!important;background:transparent!important}form label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#465960}input,select{display:block;width:100%!important;max-width:none;background:#f8f9f7;border:1px solid #d9e0df;border-radius:3px;padding:16px!important;margin-top:9px;font:500 15px DM Sans,sans-serif;color:#162d39}input:focus,select:focus{background:white;border-color:#a48653}
.cta{grid-column:1/-1;background:#d6b67b;color:#102330;padding:18px 26px;border:0;border-radius:3px;font:800 13px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center}.cta:hover{background:#e8cc96}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce3e2;border:1px solid #dce3e2;margin:30px 0 70px}.feature{background:#fff;padding:38px 30px}.feature span{display:block;font-size:29px;color:#b18d53;margin-bottom:18px}.feature strong{font:800 17px Manrope,sans-serif}.feature p{font-size:14px;color:#67777d;margin:12px 0 0}
.links{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.links li{margin:0}.links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 20px;background:#f7f8f6;border:1px solid #e5e9e7;color:#203a47;text-decoration:none;font-size:14px;font-weight:700;min-height:72px}.links a:after{content:'↗';color:#a58249;font-size:20px}.links a:hover{background:#eef3f1;border-color:#bdc9c7}
footer{background:#071723;color:#b9c9cc;padding:45px max(22px,calc((100% - 1250px)/2));font-size:13px}footer a{color:#e8cf9d}
.wa{position:fixed;z-index:25;right:22px;bottom:22px;background:#176d4c;color:#fff!important;text-decoration:none;padding:15px 22px;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 35px #0003}.wa:hover{background:#0e573c}
small{color:#7b878a}
@media(max-width:850px){header{display:block;padding:18px 22px}header nav{margin-top:18px;gap:12px 20px}.hero{min-height:540px}.hero:before{opacity:.5}.feature-grid{grid-template-columns:1fr}.links{grid-template-columns:1fr}}
@media(max-width:600px){main{padding:0 12px 65px}.hero{min-height:480px;padding:45px 24px 75px}.hero:after{font-size:7px;left:24px;right:auto;bottom:22px}section{padding:25px 20px;margin:18px 0}section:first-of-type{margin:-35px 8px 28px}form{grid-template-columns:1fr}.feature-grid{margin:20px 0 35px}.feature{padding:25px}.wa{right:12px;bottom:12px}h1{font-size:clamp(2.6rem,11vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}