:root{
  --bg:#06172c;--bg2:#0a2441;--surface:#0c2a49;--surface2:#103759;--surface3:#0a2039;
  --ink:#f7fbff;--muted:#a9bdd0;--line:rgba(117,211,222,.18);
  --brand:#32d5d1;--brand2:#179ab4;--brand3:#2b7ed8;--gold:#f0c15e;--gold2:#ffd985;
  --success:#31d889;--danger:#ff6f65;--warning:#f4bd4f;
  --card:rgba(11,42,73,.86);--shadow:0 24px 70px rgba(0,0,0,.32);--radius:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font:16px/1.5 Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 82% 8%,rgba(24,172,190,.12),transparent 28%),
radial-gradient(circle at 12% 42%,rgba(43,126,216,.08),transparent 28%),
linear-gradient(180deg,#06172c 0,#081d35 56%,#06172c 100%);color:var(--ink)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:26px;padding:11px clamp(18px,5vw,72px);background:rgba(5,19,36,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(87,209,218,.14);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:20px;min-width:180px}.brand-logo{display:block;width:174px;height:46px;object-fit:contain;object-position:left center;filter:brightness(1.08) saturate(1.1)}.brand-word{display:none}
.nav{display:flex;gap:24px;margin-right:auto}.nav a{color:#c6d7e5;font-weight:700;font-size:14px;letter-spacing:.01em}.nav a:hover{color:var(--brand)}
.actions{display:flex;gap:8px;align-items:center}.actions select{border:1px solid var(--line);color:var(--ink);background:#0d2946;border-radius:12px;padding:8px 10px;outline:0}
.btn{border:0;border-radius:14px;padding:11px 16px;font-weight:780;cursor:pointer;transition:.2s ease;letter-spacing:.005em}.btn.primary{background:linear-gradient(135deg,var(--brand),#1eb5c5);color:#031923;box-shadow:0 10px 30px rgba(50,213,209,.20)}.btn.ghost{background:rgba(255,255,255,.04);border:1px solid rgba(137,213,220,.22);color:var(--ink)}.btn.danger{background:rgba(255,92,82,.10);color:#ff928b;border:1px solid rgba(255,111,101,.30)}.btn.small{padding:7px 10px;border-radius:10px;font-size:13px}.btn.wide{width:100%}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.page-section{scroll-margin-top:78px}
.hero{position:relative;overflow:hidden;min-height:74vh;padding:clamp(58px,8vw,112px) clamp(20px,7vw,110px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:54px;align-items:center;background:
radial-gradient(circle at 78% 24%,rgba(48,213,209,.17),transparent 23%),
linear-gradient(135deg,rgba(7,29,52,.92),rgba(7,25,46,.72));border-bottom:1px solid var(--line)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.23;background-image:linear-gradient(rgba(81,187,199,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(81,187,199,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 84%)}
.hero:after{content:"";position:absolute;width:680px;height:350px;right:-190px;bottom:-180px;border:1px solid rgba(67,216,221,.16);border-radius:50%;box-shadow:0 0 0 38px rgba(67,216,221,.025),0 0 0 82px rgba(67,216,221,.02)}
.hero-copy,.hero-card{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:850;color:var(--brand);margin-bottom:14px}.eyebrow:before{content:"";width:26px;height:1px;background:var(--gold)}
.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.04em;max-width:930px;margin:0 0 22px;text-wrap:balance}.hero h1::after{content:"";display:block;width:84px;height:3px;margin-top:24px;border-radius:99px;background:linear-gradient(90deg,var(--gold),transparent)}
.hero-copy>p{font-size:clamp(18px,2vw,22px);color:#bdd0df;max-width:760px}.searchbar{display:flex;max-width:760px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:18px;padding:7px;box-shadow:0 20px 50px rgba(0,0,0,.28);margin:30px 0 20px}.searchbar input{flex:1;border:0;outline:0;padding:11px 14px;background:transparent;color:#0a1d30}.searchbar input::placeholder{color:#6e8494}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#a9c2d3;font-size:14px}.trust-row b{color:#d9e9f3}
.hero-card{background:linear-gradient(180deg,rgba(15,53,86,.96),rgba(7,31,56,.96));padding:16px;border:1px solid rgba(73,210,218,.24);border-radius:30px;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.06);transform:rotate(1.2deg)}
.hero-art{position:relative;overflow:hidden;height:275px;border-radius:22px;background:radial-gradient(circle at 65% 28%,rgba(47,216,210,.34),transparent 30%),linear-gradient(145deg,#061f3a,#0b4564 55%,#0a263f);display:grid;place-items:center}.hero-art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 18% 28%,rgba(255,255,255,.10) 0 1px,transparent 1px),radial-gradient(circle at 80% 65%,rgba(255,255,255,.10) 0 1px,transparent 1px);background-size:34px 34px,48px 48px}.hero-mark{width:160px;height:150px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 15px 28px rgba(0,0,0,.22))}.route-line{position:absolute;left:12%;right:10%;bottom:34px;height:58px;border-top:2px dashed rgba(255,255,255,.68);transform:rotate(-7deg);z-index:1}.route-line span{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px rgba(50,213,209,.15)}.route-line span:nth-child(1){left:4%;top:-8px}.route-line span:nth-child(2){left:48%;top:-8px;background:var(--gold);box-shadow:0 0 0 5px rgba(240,193,94,.12)}.route-line span:nth-child(3){right:2%;top:-8px}.mini-badge{display:inline-block;background:rgba(240,193,94,.12);color:var(--gold2);border:1px solid rgba(240,193,94,.24);padding:6px 10px;border-radius:999px;font-weight:750;font-size:12px;margin:10px 0 4px}.hero-card h3{margin:10px 0 2px}.hero-card p{margin:0 0 8px;color:var(--muted)}.hero-card strong{color:var(--gold2)}
.section{padding:82px clamp(20px,7vw,110px);position:relative}.section.soft{background:linear-gradient(180deg,rgba(13,43,72,.72),rgba(8,31,55,.92));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section h2{font-size:clamp(31px,4vw,48px);line-height:1.05;margin:0;letter-spacing:-.025em}.pill{display:inline-block;border:1px solid rgba(91,207,218,.20);background:rgba(255,255,255,.04);color:#cde0ec;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:750}
.filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:10px;margin-bottom:26px;padding:12px;background:rgba(8,35,61,.72);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.16)}.filters input,.filters select,.modal input,.modal select,.modal textarea{width:100%;border:1px solid rgba(120,205,216,.18);background:#0b2947;color:var(--ink);border-radius:13px;padding:11px 12px;outline:0}.filters input::placeholder,.modal input::placeholder,.modal textarea::placeholder{color:#7f9aae}.filters input:focus,.filters select:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:rgba(50,213,209,.65);box-shadow:0 0 0 3px rgba(50,213,209,.10)}
.grid.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:linear-gradient(180deg,rgba(13,45,76,.96),rgba(8,31,55,.98));border:1px solid rgba(90,204,215,.16);border-radius:21px;overflow:hidden;transition:.22s;box-shadow:0 14px 34px rgba(0,0,0,.12)}.card:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(0,0,0,.26);border-color:rgba(50,213,209,.32)}.card img{width:100%;height:210px;object-fit:cover;background:#0a2039;filter:saturate(.94) contrast(1.03)}.card-body{padding:18px}.card-top{display:flex;justify-content:space-between;gap:10px;color:#91afc3;font-size:13px}.card h3{margin:10px 0 7px;font-size:20px}.card p{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.price{font-weight:850;font-size:19px;color:var(--gold2)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split p{color:var(--muted);font-size:18px}.feature-list{display:grid;gap:12px}.feature-list div{display:flex;gap:15px;align-items:center;background:linear-gradient(135deg,rgba(15,56,91,.9),rgba(10,38,65,.9));padding:18px;border:1px solid rgba(88,208,218,.16);border-radius:16px;box-shadow:0 14px 30px rgba(0,0,0,.10)}.feature-list b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(50,213,209,.10);border:1px solid rgba(50,213,209,.25);color:var(--brand)}
.panel{background:linear-gradient(180deg,rgba(12,42,73,.92),rgba(8,30,53,.96));border:1px solid var(--line);border-radius:22px;padding:22px;min-height:150px;box-shadow:0 20px 55px rgba(0,0,0,.16)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{padding:18px;border:1px solid rgba(83,202,214,.15);border-radius:16px;background:linear-gradient(145deg,rgba(16,54,86,.95),rgba(8,32,56,.95));position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-22px;top:-30px;width:74px;height:74px;border-radius:50%;background:rgba(50,213,209,.06)}.metric b{display:block;font-size:28px;color:#fff}.metric span{color:#9db6c8;font-size:13px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;border-bottom:1px solid rgba(118,195,205,.13);padding:12px 9px;font-size:14px}.table th{color:#8faabd;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.empty{padding:24px;text-align:center;color:var(--muted);border:1px dashed rgba(100,198,210,.24);border-radius:14px}.status{font-weight:750;font-size:12px;border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06)}.status.confirmed,.status.approved,.status.validated{background:rgba(49,216,137,.12);color:#72ecaa}.status.rejected,.status.suspended{background:rgba(255,111,101,.12);color:#ff9992}.status.pending,.status.new,.status.in_progress{background:rgba(244,189,79,.12);color:#ffd47a}
.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.legal-grid article{background:linear-gradient(180deg,rgba(13,46,77,.9),rgba(8,31,54,.94));border:1px solid var(--line);border-radius:18px;padding:22px}.legal-grid h3{color:var(--gold2)}.legal-grid p{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:30px clamp(20px,7vw,110px);border-top:1px solid var(--line);color:#90aabd;background:#051526}footer b{color:var(--brand)}footer>div{display:flex;gap:12px}
dialog{border:1px solid rgba(91,207,218,.20);border-radius:22px;padding:0;box-shadow:var(--shadow);max-width:min(94vw,680px);width:100%;background:#082039;color:var(--ink)}dialog::backdrop{background:rgba(2,12,24,.74);backdrop-filter:blur(7px)}.modal{padding:26px;position:relative;background:linear-gradient(180deg,#0c2c4a,#071d35)}.modal-x{position:absolute;right:16px;top:14px;border:0;background:transparent;color:#cbdbe6;font-size:28px;cursor:pointer}.modal label{display:grid;gap:6px;margin:12px 0;font-weight:700;font-size:13px;color:#cfe0ea}.demo-accounts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.demo-accounts button{border:1px solid var(--line);background:#0b2947;color:#d9e8f1;padding:8px;border-radius:10px;cursor:pointer}.error{color:#ff928b}.detail-img{width:100%;height:300px;object-fit:cover;border-radius:16px}.detail-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted)}.booking-box{background:rgba(255,255,255,.035);border:1px solid var(--line);padding:16px;border-radius:16px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .full{grid-column:1/-1}.toast{position:fixed;right:20px;bottom:20px;z-index:100;background:#0a2945;color:#fff;padding:14px 18px;border:1px solid rgba(50,213,209,.22);border-radius:13px;box-shadow:var(--shadow)}
@media(max-width:980px){.nav{display:none}.hero{grid-template-columns:1fr}.hero-card{max-width:520px}.filters{grid-template-columns:1fr 1fr}.grid.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.legal-grid{grid-template-columns:1fr}.demo-accounts{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar{gap:8px;padding:9px 14px}.brand{min-width:0;margin-right:auto}.brand-logo{width:132px;height:40px}.actions{gap:6px}.actions select{padding:7px}.actions .btn{padding:9px 11px}.hero{padding-top:62px}.searchbar{display:grid}.grid.cards{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.metric-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}footer{flex-direction:column}.hero h1{font-size:45px}.hero-card{transform:none}.hero-art{height:230px}}