
:root{
  --bg:#03151e;--panel:#082734;--panel2:#0b3441;--text:#f4fbff;--muted:#b6d2db;
  --aqua:#39e6d0;--blue:#47a7ff;--gold:#ffd166;--line:rgba(255,255,255,.12);
  --shadow:0 18px 50px rgba(0,0,0,.28);--radius:24px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg);line-height:1.6}
a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;color:#000;padding:10px}
.topbar{background:#06202a;border-bottom:1px solid var(--line);font-size:.9rem}.topbar .wrap{display:flex;justify-content:space-between;gap:18px;padding:7px 0;flex-wrap:wrap}
header{position:sticky;top:0;z-index:40;background:rgba(3,21,30,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:22px}.brand{text-decoration:none;font-weight:900;letter-spacing:-.03em;line-height:1.05}.brand span{display:block;color:var(--aqua);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
nav{display:flex;gap:20px;align-items:center}nav a{text-decoration:none;color:var(--muted);font-weight:700;font-size:.94rem}nav a:hover,nav a[aria-current="page"]{color:#fff}.menu{display:none;background:none;color:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:850;border-radius:999px;padding:13px 20px;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--aqua),#73f5ff);color:#03212a;box-shadow:0 10px 35px rgba(57,230,208,.2)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.06)}.btn-gold{background:var(--gold);color:#221900}
.hero{position:relative;overflow:hidden;padding:88px 0 70px;background:
radial-gradient(circle at 72% 28%,rgba(71,167,255,.30),transparent 28%),
radial-gradient(circle at 25% 70%,rgba(57,230,208,.20),transparent 31%),
linear-gradient(180deg,#041923,#062b38)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,var(--bg))}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--aqua);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
h1{font-size:clamp(2.65rem,7vw,5.6rem);line-height:.94;letter-spacing:-.065em;margin:.15em 0 .28em}.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.glow-card{min-height:420px;border:1px solid var(--line);border-radius:36px;background:
radial-gradient(circle at 50% 73%,rgba(57,230,208,.75) 0 2%,rgba(57,230,208,.25) 12%,transparent 38%),
linear-gradient(165deg,#0a5365,#03131d 55%,#020a10);box-shadow:var(--shadow);position:relative;overflow:hidden}
.glow-card:before{content:"";position:absolute;inset:18% 10% 0;border-radius:50% 50% 0 0;background:repeating-radial-gradient(ellipse at center,rgba(142,255,246,.22) 0 2px,transparent 3px 16px);transform:perspective(500px) rotateX(62deg)}
.glow-card .badge{position:absolute;left:22px;bottom:22px;right:22px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(3,17,24,.72);backdrop-filter:blur(10px)}
section{padding:80px 0}.section-head{max-width:760px;margin-bottom:34px}.section-head h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.045em;margin:.1em 0}.section-head p{color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.card h3{font-size:1.4rem;line-height:1.15;margin:.2em 0}.card p{color:var(--muted)}.icon{font-size:2rem}
.destination{position:relative;min-height:330px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:
linear-gradient(180deg,transparent 15%,rgba(2,12,18,.92)),
radial-gradient(circle at 50% 42%,rgba(57,230,208,.34),transparent 35%),
linear-gradient(145deg,#105b6c,#061820)}
.destination .tag{position:absolute;top:18px;left:18px;background:rgba(3,17,24,.75);padding:7px 12px;border-radius:999px;font-weight:800;font-size:.82rem}
.destination a{margin-top:10px}.featured{border-color:rgba(57,230,208,.55)}
.band{background:linear-gradient(120deg,#0c5361,#0a3448);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.band .wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 22px;padding:0;list-style:none}.checks li:before{content:"✓";color:var(--aqua);font-weight:900;margin-right:8px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:850;cursor:pointer;font-size:1.08rem}.faq p{color:var(--muted)}
.mapbox{min-height:360px;border-radius:var(--radius);border:1px solid var(--line);background:
radial-gradient(circle at 56% 45%,rgba(255,209,102,.9) 0 5px,transparent 6px),
linear-gradient(30deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),
linear-gradient(120deg,#0c4e5c,#06222d);display:flex;align-items:flex-end;padding:24px}
.notice{border-left:4px solid var(--gold);padding:14px 18px;background:rgba(255,209,102,.08);border-radius:0 14px 14px 0}
.breadcrumbs{padding-top:28px;color:var(--muted);font-size:.92rem}.breadcrumbs a{text-decoration:none}
.pagehero{padding:45px 0 60px;background:radial-gradient(circle at 80% 20%,rgba(71,167,255,.22),transparent 30%)}.pagehero h1{font-size:clamp(2.6rem,6vw,4.8rem)}
table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.03);border-radius:18px;overflow:hidden}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}th{color:var(--aqua)}
footer{padding:55px 0 25px;background:#020e14;border-top:1px solid var(--line)}.foot{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}.foot h4{margin-top:0}.foot a{display:block;text-decoration:none;color:var(--muted);margin:8px 0}.legal{border-top:1px solid var(--line);margin-top:32px;padding-top:22px;color:var(--muted);font-size:.9rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.floating{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;flex-direction:column;gap:10px}.floating a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:1.25rem;box-shadow:var(--shadow)}.call{background:var(--gold);color:#201700}.wa{background:#38d36f;color:#04150b}
@media(max-width:850px){nav{display:none;position:absolute;left:16px;right:16px;top:72px;flex-direction:column;align-items:stretch;background:#06232e;padding:18px;border:1px solid var(--line);border-radius:18px}nav.open{display:flex}.menu{display:block}.hero .wrap,.band .wrap,.grid2{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.glow-card{min-height:300px}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.topbar .wrap{display:none}.nav{min-height:66px}.foot{grid-template-columns:1fr}.checks{grid-template-columns:1fr}section{padding:58px 0}.hero{padding-top:58px}.btn{width:100%}}
