:root{--navy:#071a2b;--navy2:#102d41;--teal:#12d9c0;--ink:#142c40;--muted:#667789;--line:#dfecf0;--bg:#f5f9fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{text-decoration:none;color:#067d83}button,input,select,textarea{font:inherit}a,button{transition:.2s ease}button{cursor:pointer}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2rem,4.4vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.3rem)}h3{font-size:1.17rem}p{margin:0 0 16px}.wrap{width:min(1180px,calc(100% - 38px));margin-inline:auto}.inner-main{min-height:62vh;padding:45px 0 85px}.site-header{position:relative;z-index:20;background:var(--navy);border-bottom:1px solid #204052}.nav-shell{min-height:83px;width:min(1220px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;font-size:23px;letter-spacing:-.04em;white-space:nowrap}.brand img{width:75px;height:56px;object-fit:contain}.primary-nav{display:flex;align-items:center;gap:20px}.primary-nav>a{color:#edfaff;font-weight:650;font-size:14px}.primary-nav>a:hover{color:var(--teal)}.primary-nav .nav-register{background:var(--teal);color:#00323a;padding:9px 14px;border-radius:9px}.menu-toggle{display:none;color:white;background:none;border:1px solid #325364;border-radius:8px;padding:7px 12px;font-size:24px}.logout{margin:0}.logout button{background:none;color:#edfaff;border:0;padding:0;font-weight:650;font-size:14px}.hero{background:linear-gradient(115deg,#061a2c 5%,#0b3a4c 72%,#10665f 130%);color:white;position:relative;overflow:hidden;min-height:510px;display:flex;align-items:center}.hero:after{content:'';position:absolute;width:650px;height:650px;border:85px solid #1ed1bd20;border-radius:50%;right:-220px;top:-160px}.hero-inner{width:min(1180px,calc(100% - 38px));margin:auto;position:relative;z-index:1;padding:65px 0}.hero h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:1.08;margin:14px 0 22px;max-width:740px}.hero h1 span{color:var(--teal)}.hero p{font-size:17px;color:#c4dce3;max-width:600px}.eyebrow,.section-title small{color:#54e5d7;letter-spacing:.18em;font-weight:850;font-size:12px}.btn{background:var(--teal);color:#082c32;border:0;border-radius:10px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 3px 0 #0cae9b}.btn:hover{transform:translateY(-1px);background:#57f6df}.btn.outline{color:white;border:1px solid #aac4d2;background:transparent;box-shadow:none}.btn.alt{background:white;color:#12505c;border:1px solid #c5dfe1;box-shadow:none}.hero-buttons,.quick{display:flex;gap:12px;flex-wrap:wrap}.trust{display:flex;gap:22px;flex-wrap:wrap;color:#b2e2df;font-size:12px;margin-top:32px}.section-title{text-align:center;margin:68px 0 25px}.section-title h2{margin:10px}.section-title p,.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 62px}.service-card{overflow:hidden;border-radius:16px;background:white;box-shadow:0 12px 36px #0e3d5810;border:1px solid var(--line)}.card-photo{height:160px;background:linear-gradient(145deg,#125e70,#15bca6 80%);display:flex;align-items:end;padding:16px;color:white;font-size:15px;font-weight:bold}.card-photo span{background:#ffffff30;padding:6px 12px;border-radius:100px}.card-content{padding:22px}.card-content h3{margin:6px 0 12px}.card-content p{color:var(--muted)}.card-content .muted{margin:0;font-size:12px}.card-end{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:13px;border-top:1px solid var(--line)}.cta{background:var(--navy2);color:#fff;text-align:center;padding:48px 25px;border-radius:20px;margin:0 0 70px}.cta p{color:#bbd4d9}.page-head{margin-bottom:30px}.page-head h1{margin:0 0 8px}.page-head p{color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:24px;margin-bottom:22px;box-shadow:0 9px 30px #203b4a0b}.narrow{max-width:650px}.authbox{max-width:460px;margin:20px auto 90px}.form label{display:block;font-weight:700;font-size:13px;color:#2b4758;margin-bottom:15px}.form input,.form select,.form textarea{display:block;margin-top:6px;width:100%;padding:12px 13px;background:white;border:1px solid #cbdce1;border-radius:9px;color:var(--ink);min-height:45px}.form textarea{min-height:108px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #38c9b8;border-color:transparent}.form .btn{margin-top:6px}.two,.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.two-col{align-items:start}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.metrics article{background:white;border:1px solid var(--line);border-radius:13px;padding:22px}.metrics small{display:block;color:var(--muted)}.metrics b{display:block;margin:7px 0 0;font-size:25px}.quick{margin-bottom:36px}.tablewrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:12px;margin:18px 0 35px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);background:#edf5f7;text-transform:uppercase;letter-spacing:.03em}.pill{display:inline-block;border-radius:99px;background:#e5f5f3;color:#0b736c;padding:3px 10px;font-size:11px;font-weight:750;text-transform:capitalize}.small{border:0;border-radius:8px;padding:7px 11px;background:#deeff0;color:#073f4e}.danger{background:#fee3e3;color:#a02627}.tabs{display:flex;gap:7px;overflow-x:auto;padding:0 0 12px;margin-bottom:26px}.tabs a{white-space:nowrap;padding:9px 13px;border-radius:9px;border:1px solid #d7e7ec;background:white;color:#34596a;font-size:13px;font-weight:700}.tabs .current{background:#0f5161;color:white;border-color:#0f5161}details.panel summary{cursor:pointer;list-style-position:inside}details.panel[open] summary{margin-bottom:16px}.notice{max-width:1180px;margin:12px auto;padding:14px 20px;border-radius:12px;background:#d8f5e7;color:#0b6546}.notice.bad{background:#ffe8e8;color:#9e2929}.notice.warn{background:#fff1ce;color:#83571a}.ticket{padding:14px 0;border-bottom:1px solid var(--line)}.site-footer{background:#061929;color:#bdcfd8;margin-top:0;padding:52px 0 15px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.site-footer h2,.site-footer h3{color:white}.site-footer a{display:block;color:#bdcfd8;margin-bottom:11px}.footer-bottom{text-align:center;border-top:1px solid #284351;padding-top:15px;margin:30px auto 0;font-size:12px}.prose{white-space:normal}
@media(max-width:850px){.menu-toggle{display:block}.nav-shell{min-height:74px}.brand img{width:59px;height:49px}.primary-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#082235;box-shadow:0 15px 20px #0003;padding:16px 24px 24px;flex-direction:column;align-items:stretch;gap:15px}.primary-nav.open{display:flex}.primary-nav .nav-register{display:block;width:max-content}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.wrap{width:calc(100% - 26px)}.inner-main{padding-top:24px}.hero{min-height:480px}.hero-inner{padding:40px 0}.hero p{font-size:15px}.trust{gap:12px}.cards,.two,.two-col,.metrics,.footer-grid{grid-template-columns:1fr}.panel{padding:18px}.nav-shell{width:calc(100% - 20px)}.page-head h1{font-size:30px}.service-card{min-width:0}.footer-grid{gap:14px}.card-end{flex-wrap:wrap}}

/* v1.1 explore and role controls */
.role-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:12px 0}.role-checks label{display:flex;align-items:center;gap:8px}.role-checks input{width:auto}.org-chart{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card-photo img{display:block;width:100%;height:100%;object-fit:cover}.media-row{display:flex;align-items:center;gap:18px}.media-row img{width:160px;height:105px;object-fit:cover;border-radius:12px}@media(max-width:600px){.org-chart{grid-template-columns:1fr}.media-row img{width:100px;height:80px}}

/* v1.2 UX shell */
.admin-layout{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:start;gap:22px}.admin-sidebar{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.admin-sidebar>strong{display:block;padding:8px 12px}.admin-sidebar input{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px;margin:5px 0 12px}.admin-sidebar .tabs{display:flex;flex-direction:column;overflow:visible;gap:4px;margin:0;padding:0}.admin-sidebar .tabs a{border:0;white-space:normal;padding:11px 12px;border-radius:10px}.admin-workspace{min-width:0}.admin-workspace .page-head{margin-top:0}.admin-workspace .metrics{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.admin-workspace .tablewrap{max-width:100%}
.zzg-hero-slides{position:absolute;inset:0;z-index:0}.zzg-hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity .8s}.zzg-hero-slide:first-child,.zzg-hero-slide.is-active{opacity:1}.zzg-hero .hero-inner{z-index:2}.zzg-gallery{position:relative;padding:0;overflow:hidden}.zzg-gallery-track,.zzg-gallery-image{position:absolute;inset:0;width:100%;height:100%}.zzg-gallery-image{object-fit:cover;opacity:0;transition:opacity .3s}.zzg-gallery-image.active{opacity:1}.zzg-gallery-next{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid #fff7;border-radius:50%;background:#03222bad;color:white;font-size:27px;z-index:2}.zzg-gallery-count{position:absolute;bottom:8px;right:8px;background:#082533bb;color:white;padding:2px 8px;border-radius:8px;font-size:11px}.media-row img{flex-shrink:0}.admin-sidebar a:focus-visible,.zzg-gallery-next:focus-visible{outline:3px solid #23c7b5}
@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative;top:auto;max-height:270px}.admin-sidebar .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar .tabs a{font-size:12px}.admin-workspace .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.admin-sidebar .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-workspace .metrics{grid-template-columns:1fr}.media-row{align-items:flex-start}.media-row img{max-width:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.zzg-hero-slide,.zzg-gallery-image{transition:none}}

/* v1.3 fluid responsive canvas */
.wrap,.nav-shell,.hero-inner{width:calc(100% - clamp(28px,5vw,120px));max-width:none}.inner-main{min-width:0}.admin-layout{grid-template-columns:clamp(210px,18vw,290px) minmax(0,1fr)}.hero{isolation:isolate}.zzg-three-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55}.zzg-three-bg canvas{display:block;width:100%;height:100%}.zzg-hero-slides{z-index:-1}.hero-inner{position:relative;z-index:3}.service-card,.panel{transition:box-shadow .25s,transform .25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #10304b22}html{scroll-padding-top:24px}.admin-workspace{overflow-wrap:anywhere}.tablewrap{width:100%;scrollbar-width:thin}@media(max-width:850px){.admin-layout{grid-template-columns:minmax(0,1fr)}.wrap,.nav-shell,.hero-inner{width:calc(100% - 30px)}}@media(prefers-reduced-motion:reduce){.service-card,.panel{transition:none}.service-card:hover{transform:none}}

/* ZaZaGo 1.4 · destination-first responsive design */
:root{--premium-blue:#3f6bef;--premium-ink:#182332}html{scroll-behavior:smooth}body{background:#f8f9fc;color:var(--premium-ink)}.site-header{background:#fff!important;color:#172336!important;box-shadow:0 1px 16px #142b4210}.site-header .nav-shell{min-height:82px}.brand{color:#172336!important}.brand img{height:56px;width:64px;object-fit:contain}.primary-nav a{color:#536276!important}.primary-nav a:hover{color:#3565dd!important}.primary-nav .nav-register{background:var(--premium-blue);color:#fff!important;border-radius:12px;padding:12px 22px}.primary-nav .logout button{color:#273649}.premium-hero{isolation:isolate;position:relative;min-height:min(760px,79vh);margin:18px clamp(14px,3.5vw,60px) 56px;border-radius:30px;overflow:hidden;background:linear-gradient(115deg,#204665 0%,#125a72 40%,#0b9292 70%,#e1b777 100%);color:white;display:flex;align-items:center}.premium-slides,.premium-slide,.premium-shade{position:absolute;inset:0}.premium-slide{background-position:center;background-size:cover;opacity:0;transition:opacity 1s ease}.premium-slide.is-active{opacity:1}.premium-shade{background:linear-gradient(90deg,rgba(2,21,43,.82),rgba(2,21,43,.34) 65%,rgba(2,21,43,.22));z-index:1}.premium-hero-content{position:relative;z-index:2;width:min(57%,880px);padding:95px 0 180px clamp(28px,6vw,110px)}.hero-kicker{font-size:12px;font-weight:750;letter-spacing:.18em;color:#d8f2ef}.premium-hero h1{font-size:clamp(44px,5.6vw,91px);line-height:1.03;letter-spacing:-.05em;margin:24px 0 15px}.premium-hero h1 em{font-style:normal;color:#e6fbfa}.premium-hero-content p{max-width:610px;font-size:clamp(15px,1.55vw,21px);line-height:1.6;color:#e1eeef}.hero-action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.premium-ghost{border:1px solid #fff9;border-radius:99px;color:white;padding:13px 19px;backdrop-filter:blur(9px);background:#ffffff17}.premium-ghost:hover{color:#11273b;background:white}.premium-offer{position:absolute;right:clamp(28px,4vw,76px);top:22%;z-index:3;width:min(280px,25%);background:#fff;color:#172336;padding:26px;border-radius:20px;box-shadow:0 20px 55px #001a3740}.premium-offer small{font-size:11px;color:#85909f;font-weight:700;letter-spacing:.1em}.premium-offer h3{font-size:25px;line-height:1.15}.premium-offer p{color:#61717d}.premium-offer a{display:flex;align-items:center;justify-content:space-between;background:var(--premium-blue);border-radius:12px;padding:13px 16px;color:#fff}.premium-search{position:absolute;left:clamp(28px,6vw,110px);bottom:60px;z-index:4;background:#fff;color:#182332;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:stretch;width:min(75%,1060px);border-radius:60px;padding:8px;box-shadow:0 16px 36px #071d3b47}.premium-search label{display:flex;align-items:center;gap:14px;padding:10px 19px;font-weight:750;font-size:13px;border-right:1px solid #e8edf1}.premium-search label>span:first-child{font-size:24px;color:#78889b}.premium-search small{display:block;font-size:12px;font-weight:400;color:#78889b}.premium-search button{border:0;border-radius:50px;background:var(--premium-blue);color:#fff;font-weight:750;padding:15px 24px;cursor:pointer}.premium-dots{position:absolute;left:50%;bottom:13px;z-index:4;display:flex;gap:7px;transform:translateX(-50%)}.premium-dots button{width:9px;height:9px;border:0;border-radius:10px;background:#ffffff80;cursor:pointer}.premium-dots button.active{width:32px;background:#fff}.destination-section{padding-bottom:38px}.destination-section .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{border-radius:20px}.service-card .card-photo{height:215px;position:relative}.service-card .card-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.explore-intro{padding:30px 0 36px}.explore-intro .page-head{text-align:center}.explore-intro .page-head small{font-weight:800;letter-spacing:.14em;color:#4777e9}.explore-intro .page-head h1{font-size:clamp(34px,4vw,60px);letter-spacing:-.035em;margin:12px auto}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.choice-card{min-width:0;display:block;overflow:hidden;border-radius:26px;color:#fff;position:relative;min-height:460px;background:linear-gradient(135deg,#102f61,#2b73b4 57%,#3cbcc6);transition:transform .25s,box-shadow .25s}.choice-guide{background:linear-gradient(135deg,#163b40,#16877a 55%,#9ad6a3)}.choice-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px #16436235;color:white}.choice-visual{position:absolute;inset:0;pointer-events:none;perspective:700px}.choice-symbol{position:absolute;right:10%;top:12%;font-size:clamp(90px,14vw,190px);filter:drop-shadow(0 25px 15px #001b3d35);transform-style:preserve-3d;animation:zzg-float 6s ease-in-out infinite}.choice-orbit{width:420px;height:420px;border-radius:50%;border:1px solid #ffffff45;position:absolute;top:-130px;right:-80px;box-shadow:0 0 0 32px #ffffff09,0 0 0 80px #ffffff07}.choice-content{position:absolute;z-index:2;left:clamp(20px,3vw,48px);right:24px;bottom:35px;text-shadow:0 2px 15px #001b3330}.choice-content span{font-size:12px;letter-spacing:.14em;font-weight:800}.choice-content h2{font-size:clamp(29px,3vw,48px);line-height:1.07;margin:12px 0}.choice-content p{max-width:400px;color:#f2faff}.choice-content strong{display:inline-block;background:#ffffffed;color:#134471;border-radius:100px;padding:13px 20px;margin-top:12px}.explore-list{padding-top:24px}@keyframes zzg-float{50%{transform:translateY(-20px) rotateY(12deg) rotateZ(3deg)}}
@media(max-width:1050px){.premium-offer{display:none}.premium-hero-content{width:83%}.premium-search{right:24px;width:auto}.premium-hero-content{padding-bottom:205px}}@media(max-width:740px){.site-header .nav-shell{min-height:70px}.primary-nav{background:white!important}.premium-hero{margin:10px 12px 36px;min-height:710px;border-radius:20px;align-items:flex-start}.premium-hero-content{width:100%;padding:75px 26px 210px}.premium-hero h1{font-size:clamp(40px,9vw,67px)}.premium-search{left:18px;right:18px;bottom:55px;grid-template-columns:1fr 1fr;width:auto;border-radius:23px;padding:8px;gap:0}.premium-search label{min-width:0;padding:8px 10px;gap:8px}.premium-search label:nth-child(2){border-right:0}.premium-search label:nth-child(3){grid-column:1 / -1;border-top:1px solid #e6ebf0;border-right:0}.premium-search button{grid-column:1 / -1;border-radius:16px;padding:15px}.premium-dots{bottom:20px}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:430px}.destination-section .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav a{color:#27364c!important}}@media(max-width:540px){.destination-section .cards{grid-template-columns:1fr}.premium-hero{min-height:670px}.premium-hero-content{padding-top:50px}.premium-hero-content p{font-size:14px}.premium-hero h1{font-size:43px}.choice-card{min-height:430px}.choice-symbol{font-size:128px}.service-card .card-photo{height:210px}}
@media(prefers-reduced-motion:reduce){.choice-symbol{animation:none}.premium-slide{transition:none}}
/* Three.js enhancement: preserve accessible card text and input hit targets */
.zzg-three-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:.5;pointer-events:none}.choice-visual:has(.zzg-three-canvas) .choice-symbol{opacity:.18}

/* ZaZaGo 1.5: three equal Explore choices */
.choice-grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.choice-grid-three .choice-card{min-width:0}.choice-both{background:linear-gradient(150deg,#173b65,#0d796f)!important}.choice-both .choice-symbol{font-size:clamp(30px,3vw,58px)}
.booking-mode{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
@media(max-width:900px){.choice-grid-three{grid-template-columns:1fr}}


/* ZaZaGo v1.6 · Aether-inspired futuristic visual layer. No business logic changes. */
:root{--bg:#070e1c;--ink:#ecf5fb;--muted:#99aebf;--line:#223748;--premium-blue:#67e8ce;--premium-ink:#e9f5fb;--accent:#a4ee75;--zzg-space:#07121e;--zzg-glass:rgba(14,32,48,.82)}
html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--zzg-space)!important;color:#e8f4f9!important;font-family:Inter,'Segoe UI',Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 8% 10%,rgba(18,143,145,.19),transparent 36%),radial-gradient(ellipse at 92% 42%,rgba(90,63,150,.17),transparent 44%)}
a{transition:color .22s,background-color .22s,transform .22s}button,.btn{transition:filter .2s,transform .2s,background-color .2s}button:hover,.btn:hover{filter:brightness(1.08)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a4ee75;outline-offset:3px}
.site-header{background:rgba(6,15,26,.91)!important;color:#ecf6fb!important;backdrop-filter:blur(24px);position:relative;z-index:50;border-bottom:1px solid #ffffff18;box-shadow:none!important}.site-header .nav-shell{min-height:84px}.brand,.brand span{color:#f3f9fd!important;font-weight:850;letter-spacing:-.04em}.brand img{height:58px;width:67px;object-fit:contain}.primary-nav a{color:#ccdae3!important;font-weight:600}.primary-nav a:hover{color:#b6f678!important}.primary-nav .nav-register{background:linear-gradient(115deg,#a2f276,#47d8d4)!important;color:#0a2330!important;border-radius:100px;box-shadow:0 0 23px #39d5ca23}.primary-nav .logout button{color:#e6f6fb}.menu-toggle{color:#e8fafc}
.wrap,.nav-shell,.hero-inner{width:calc(100% - clamp(32px,7vw,128px));max-width:none}.inner-main{padding-top:32px;padding-bottom:65px;min-height:65vh}.page-head h1,.section-title h2{font-size:clamp(32px,4.3vw,72px);letter-spacing:-.055em;line-height:1.07;color:#f2fafc}.page-head p,.section-title p{color:#abbfc9}.page-head small,.section-title small{color:#9cf27e!important;letter-spacing:.19em!important}.panel,.service-card,.authbox,.admin-sidebar,.admin-workspace .tablewrap,.metrics article{background:linear-gradient(155deg,#122638,#0d1b2a)!important;border:1px solid #ffffff18!important;color:#e7f3f9!important;box-shadow:0 18px 60px #0109142a}.panel,.service-card{border-radius:21px}.panel p,.service-card p,.muted{color:#a3b9c6}.service-card h3,.panel h3,.metrics b{color:#f5fbfd}.service-card .card-photo{background:linear-gradient(125deg,#132f48,#117a78)}.service-card:hover{border-color:#7ae6ca99!important;transform:translateY(-5px)}.service-card .card-end a,.btn,.premium-search button{background:linear-gradient(110deg,#abef75,#53e0d0)!important;color:#05252c!important;border:0;border-radius:99px;font-weight:800}.btn.alt{background:#153448!important;color:#d9f8fa!important;border:1px solid #427c88!important}.site-footer{background:#06101c!important;color:#bed3df;border-top:1px solid #1d3948}.site-footer h2,.site-footer h3{color:#f1fbff}.site-footer a{color:#b2d6df}.site-footer a:hover{color:#b6f276}
.premium-hero{background:linear-gradient(130deg,#071e32,#106f77,#7dbfb1);box-shadow:0 28px 85px #0006}.premium-shade{background:linear-gradient(95deg,rgba(4,12,25,.84),rgba(4,21,34,.38) 66%,rgba(4,12,25,.16))}.premium-hero h1{font-size:clamp(48px,6vw,104px);letter-spacing:-.06em;text-shadow:0 3px 22px #0004}.premium-hero h1 em{color:#a9f27c}.hero-kicker{color:#b9f89e}.premium-offer{background:rgba(7,24,39,.87);color:#f0fbff;border:1px solid #ffffff38;backdrop-filter:blur(22px)}.premium-offer h3{color:#fff}.premium-offer p{color:#c6dfe4}.premium-offer a{background:linear-gradient(110deg,#b1ee78,#4ce1d4);color:#08272d}.premium-search{background:rgba(247,253,255,.97);color:#142d3b}.premium-search label{color:#102c3e}.premium-ghost{background:#0424384b;border-color:#b2f5e28c}.premium-ghost:hover{color:#073138}
/* Preserve the original homepage photograph slideshow mechanics and admin-fed images. */
.zzg-travel-ticker{overflow:hidden;background:#a9ed77;color:#092b2e;min-height:40px;display:flex;align-items:center;white-space:nowrap;font-size:11px;font-weight:900;letter-spacing:.25em}.zzg-travel-ticker-track{min-width:max-content;animation:zzg-ticker 32s linear infinite}.zzg-travel-ticker b{margin:0 25px;color:#176b69}@keyframes zzg-ticker{to{transform:translateX(-50%)}}
.zzg-intro{position:fixed;z-index:99999;inset:0;background:#06101c;display:grid;place-items:center;transition:opacity .65s,visibility .65s}.zzg-intro.done{opacity:0;visibility:hidden;pointer-events:none}.zzg-intro-inner{text-align:center;display:grid;justify-items:center;gap:13px;padding:24px}.zzg-intro img{width:clamp(150px,30vw,260px);height:clamp(150px,30vw,260px);object-fit:contain;animation:zzg-logo-rise 1.5s ease-out both}.zzg-intro span{font-size:11px;color:#a9f27d;letter-spacing:.3em;font-weight:800}.zzg-intro-line{width:min(230px,65vw);height:3px;background:#29434b;overflow:hidden;border-radius:5px}.zzg-intro-line i{display:block;background:linear-gradient(90deg,#a5f47b,#4bddd8);height:100%;width:0;transition:width 1.4s ease}.zzg-intro button{border:0;background:transparent;color:#a8c8cf;text-decoration:underline;text-underline-offset:4px;cursor:pointer}@keyframes zzg-logo-rise{from{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}
/* One-row explore: heading is one third of the width, three service cards share remaining space */
.explore-intro{padding:42px 0 50px}.explore-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px;align-items:stretch}.explore-intro .explore-heading{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left!important;margin:0;padding:clamp(18px,2.7vw,48px);background:radial-gradient(circle at 0% 100%,#165b624a,transparent 60%),#102337;border:1px solid #ffffff1b;border-radius:25px;min-width:0}.explore-intro .explore-heading h1{font-size:clamp(27px,2.9vw,55px);color:#f2fafc!important;line-height:1.1;margin:14px 0}.explore-intro .explore-heading p{color:#b8cad5}.explore-heading-deco{font-size:clamp(48px,6vw,98px);color:#9ef085;line-height:1;margin-top:auto}.explore-row .choice-grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.explore-row .choice-card{min-height:475px;border:1px solid #ffffff29;transition:transform .35s,box-shadow .35s}.explore-row .choice-content{left:clamp(15px,1.3vw,26px);right:15px;bottom:20px}.explore-row .choice-content h2{font-size:clamp(20px,1.8vw,32px);line-height:1.14}.explore-row .choice-content p{font-size:clamp(12px,.9vw,15px)}.explore-row .choice-content strong{padding:10px 14px;font-size:12px}.explore-row .choice-symbol{font-size:clamp(54px,6vw,110px);right:5%}.explore-row .choice-both .choice-symbol{font-size:clamp(25px,3vw,50px)}.explore-row .choice-orbit{width:260px;height:260px}.choice-driver{background:linear-gradient(145deg,#102744,#175c8a)!important}.choice-guide{background:linear-gradient(145deg,#102b32,#1c8a76)!important}.choice-both{background:linear-gradient(145deg,#201e49,#624ba0,#268c8b)!important}.choice-content strong{background:#b3f17c!important;color:#082f31!important}
.zzg-back-row{margin-bottom:18px}.zzg-back-link{display:inline-flex;gap:8px;padding:11px 19px;align-items:center;border-radius:99px;border:1px solid #3c737b;background:#112e3c;color:#ddf8ed;font-weight:750}.zzg-back-link:hover{background:#235362;color:#fff;transform:translateX(-3px)}
/* Staff and admin forms stay readable under the dark visual language. */
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#f7fcff;color:#142c39;border:1px solid #95b6c5;border-radius:11px}label{color:#d7e8ee}.admin-sidebar a{color:#d7eaf1!important}.admin-sidebar a:hover,.admin-sidebar a.active{background:#21525b!important;color:#edffd9!important}.tablewrap th{background:#17384a;color:#e5fbff}.tablewrap td{color:#daeef5;border-color:#315163}table{color:#e4f4fa}.metrics article small{color:#9fc3cd}.authbox a:not(.btn){color:#a2f17d}.notice{color:#15303b}
@media(max-width:1080px){.explore-row{grid-template-columns:1fr}.explore-intro .explore-heading{min-height:180px}.explore-heading-deco{display:none}.explore-row .choice-card{min-height:410px}}
@media(max-width:850px){.explore-row .choice-grid-three{grid-template-columns:1fr 1fr}.explore-row .choice-card:last-child{grid-column:1/-1}.explore-row .choice-card{min-height:390px}.primary-nav{background:#0d2437!important}.primary-nav a{color:#e3eff3!important}.premium-hero h1{font-size:clamp(45px,8vw,76px)}}
@media(max-width:590px){.wrap,.nav-shell,.hero-inner{width:calc(100% - 28px)}.explore-row .choice-grid-three{grid-template-columns:1fr}.explore-row .choice-card:last-child{grid-column:auto}.explore-row .choice-card{min-height:360px}.explore-intro .explore-heading{padding:26px;min-height:unset}.explore-intro .explore-heading h1{font-size:35px}.zzg-travel-ticker{min-height:32px}.premium-hero{margin:12px 10px 38px}.brand img{height:48px;width:54px}.brand span{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.zzg-travel-ticker-track,.zzg-intro img{animation:none!important}.zzg-intro{transition:none}}


/* ZaZaGo v1.7: accessible LIGHT DEFAULT, account-controlled DARK alternative. */
body[data-theme="light"]{--bg:#f4f9fc;--ink:#163046;--muted:#557185;--line:#d9e9ef;--premium-ink:#163046;--premium-blue:#116d91;--accent:#146c7a;--zzg-space:#f4f9fc;--zzg-glass:#fff;background:#f4f9fc!important;color:#163046!important}
body[data-theme="light"]:before{background:radial-gradient(ellipse at 6% 9%,#b9eef43d,transparent 38%),radial-gradient(ellipse at 92% 40%,#b4d9ff37,transparent 44%)}
body[data-theme="light"] .site-header{background:#fffefef2!important;color:#133148!important;border-bottom:1px solid #dae7ee;box-shadow:0 3px 18px #153d5910!important}
body[data-theme="light"] .brand,body[data-theme="light"] .brand span,body[data-theme="light"] .primary-nav a,body[data-theme="light"] .logout button{color:#153048!important}
body[data-theme="light"] .primary-nav a:hover{color:#008a91!important}
body[data-theme="light"] .page-head h1,body[data-theme="light"] .section-title h2,body[data-theme="light"] .explore-intro .explore-heading h1{color:#10324c!important}
body[data-theme="light"] .page-head p,body[data-theme="light"] .section-title p,body[data-theme="light"] .panel p,body[data-theme="light"] .service-card p,body[data-theme="light"] .muted{color:#567184!important}
body[data-theme="light"] .panel,body[data-theme="light"] .service-card,body[data-theme="light"] .authbox,body[data-theme="light"] .admin-sidebar,body[data-theme="light"] .admin-workspace .tablewrap,body[data-theme="light"] .metrics article{background:#fff!important;border:1px solid #dce9ef!important;color:#163046!important;box-shadow:0 8px 30px #14476a0b}
body[data-theme="light"] .panel h3,body[data-theme="light"] .service-card h3,body[data-theme="light"] .metrics b{color:#173247!important}
body[data-theme="light"] .form label,body[data-theme="light"] label{color:#27495c}
body[data-theme="light"] .admin-sidebar a{color:#31536b!important}
body[data-theme="light"] .admin-sidebar a.current,body[data-theme="light"] .admin-sidebar a:hover{background:#e5f5fa!important;color:#075a72!important}
body[data-theme="light"] .tablewrap th,body[data-theme="light"] th{background:#edf5fa;color:#395b6e}
body[data-theme="light"] .tablewrap td,body[data-theme="light"] table{color:#274658;border-color:#e0eaef}
body[data-theme="light"] .tabs a{background:white;color:#234b62;border-color:#d8e9f0}
body[data-theme="light"] .tabs a.current{background:#d9f3f4;color:#075d66}
body[data-theme="light"] .btn.alt{background:#f1faff!important;color:#155a6d!important;border:1px solid #bedce9!important}
body[data-theme="light"] .zzg-back-link{background:#fff;color:#18526c;border:1px solid #bad8e4}
body[data-theme="light"] .explore-intro .explore-heading{background:linear-gradient(145deg,#e5f6fa,#f4faff);border:1px solid #d6e7ed}
body[data-theme="light"] .explore-intro .explore-heading p{color:#4c6d82}
body[data-theme="light"] .primary-nav.open{background:#fff!important;box-shadow:0 18px 30px #0a345b20}
body[data-theme="light"] .primary-nav.open a{color:#17364a!important}
body[data-theme="light"] .menu-toggle{color:#16364a;border-color:#abcbd6}
/* Photo hero, slider, cinematic intro and deliberate dark contrast areas remain visually unchanged. */
body[data-theme="light"] .premium-hero,body[data-theme="light"] .premium-hero h1,body[data-theme="light"] .premium-offer,body[data-theme="light"] .choice-card,body[data-theme="light"] .choice-card h2{color:#fff}
body[data-theme="light"] .zzg-intro{background:#eefaff}body[data-theme="light"] .zzg-intro span{color:#135e74}
@media(prefers-reduced-motion:reduce){body[data-theme="light"] *{scroll-behavior:auto}}


/* ZaZaGo 1.8: Dark-mode legibility patch (presentation only). */
/* Hard-code foregrounds for pale controls; do not inherit light text from panels. */
body[data-theme="dark"] input:not([type=checkbox]):not([type=radio]),
body[data-theme="dark"] select, body[data-theme="dark"] textarea {
  background:#f7fbfe!important; color:#163344!important; border-color:#8baebd!important;
  -webkit-text-fill-color:#163344;
}
body[data-theme="dark"] input::placeholder,body[data-theme="dark"] textarea::placeholder{color:#587185!important;opacity:1}
body[data-theme="dark"] select option {background:#fff!important;color:#173647!important}
body[data-theme="dark"] label,body[data-theme="dark"] .form label {color:#d4e6ed!important}
/* Active and inactive admin links use dark surfaces, never white text on white. */
body[data-theme="dark"] .admin-sidebar{background:#102536!important;border-color:#294858!important;color:#e6f6fc!important}
body[data-theme="dark"] .admin-sidebar .tabs a,body[data-theme="dark"] .admin-sidebar a{
  display:block;background:#18374a!important;color:#effaff!important;border:1px solid #386075!important;
  -webkit-text-fill-color:#effaff;
}
body[data-theme="dark"] .admin-sidebar .tabs a:hover,body[data-theme="dark"] .admin-sidebar .tabs a.current,body[data-theme="dark"] .admin-sidebar .tabs a.active,body[data-theme="dark"] .admin-sidebar a:hover,body[data-theme="dark"] .admin-sidebar a.current,body[data-theme="dark"] .admin-sidebar a.active{
  background:#195c68!important;color:#fff!important;border-color:#57c7c1!important;-webkit-text-fill-color:#fff;
}
body[data-theme="dark"] .admin-sidebar input{background:#f7fbfe!important;color:#163344!important;-webkit-text-fill-color:#163344}
/* Navigation pills: apply appropriate contrast even when older .btn.alt rules win. */
body[data-theme="dark"] .btn.alt,body[data-theme="dark"] a.btn.alt,body[data-theme="dark"] .tabs a{
  background:#17384a!important;color:#effaff!important;border-color:#3a7080!important;-webkit-text-fill-color:#effaff;
}
body[data-theme="dark"] .tabs a.current,body[data-theme="dark"] .tabs a.active{background:#1a6974!important;color:#fff!important;-webkit-text-fill-color:#fff}
body[data-theme="dark"] .btn:not(.alt){color:#082633!important;-webkit-text-fill-color:#082633}
body[data-theme="dark"] .zzg-back-link{background:#153747!important;color:#edfcff!important;-webkit-text-fill-color:#edfcff}
/* White data rows must use dark text. Dark headers keep light labels. */
body[data-theme="dark"] .tablewrap td,body[data-theme="dark"] .admin-workspace td,body[data-theme="dark"] table td{
  background:#f7fbfe!important;color:#203c4c!important;border-color:#d5e5ed!important;-webkit-text-fill-color:#203c4c;
}
body[data-theme="dark"] .tablewrap td a,body[data-theme="dark"] table td a{color:#075f8c!important;-webkit-text-fill-color:#075f8c}
body[data-theme="dark"] .tablewrap th,body[data-theme="dark"] table th{background:#193e51!important;color:#f5fcff!important;-webkit-text-fill-color:#f5fcff}
body[data-theme="dark"] .tablewrap tr:nth-child(even) td{background:#edf5f9!important}
/* Empty states, descriptions and status captions on dark cards. */
body[data-theme="dark"] .muted,body[data-theme="dark"] .panel p,body[data-theme="dark"] .metrics small{color:#bcd7e3}
body[data-theme="dark"] .notice{color:#163344!important}
/* Explicit focus visibility and interaction affordances. */
body[data-theme="dark"] .admin-sidebar a:focus-visible,body[data-theme="dark"] .btn:focus-visible{outline:3px solid #7ce9d8;outline-offset:2px}


/* ZaZaGo 2.0 – responsive spatial system, appended after all legacy themes.
   Scoped around existing elements; no booking/application logic changed. */
:root{--zzg-gutter:clamp(16px,3.2vw,48px);--zzg-card-pad:clamp(16px,2.3vw,28px)}
html,body{max-width:100%;overflow-x:clip}
img,video,canvas,svg{max-width:100%}
.wrap,.nav-shell,.hero-inner{width:calc(100% - 2 * var(--zzg-gutter));max-width:none;margin-inline:auto}
main,main > *,section,.panel,.service-card,.card-content,.admin-workspace,.admin-layout,.authbox{min-width:0}
.site-header .nav-shell{padding-block:8px;gap:clamp(10px,2vw,24px)}
.brand{min-width:0;max-width:calc(100% - 76px)}
.brand img{flex:0 0 auto;object-fit:contain}
.brand span{overflow-wrap:anywhere}
.inner-main{padding-block:clamp(22px,4vw,64px) clamp(56px,8vw,110px)}
.panel{padding:var(--zzg-card-pad)}
.authbox{width:min(100%,540px);max-width:540px;margin:clamp(6px,2vw,24px) auto clamp(48px,8vw,96px);padding:clamp(20px,4vw,36px)!important}
.authbox .page-head{margin-bottom:clamp(16px,3vw,28px)}
.authbox .page-head h1{font-size:clamp(2rem,5vw,3.15rem);overflow-wrap:break-word}
.authbox .form label,.panel .form label{max-width:100%}
.form input,.form select,.form textarea{max-width:100%;min-width:0;box-sizing:border-box}
.card-content{padding:var(--zzg-card-pad)}
.card-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.card-end > *{min-width:0}
.card-end a{display:inline-flex;align-items:center;justify-content:center;line-height:1.3;white-space:normal;text-align:center;padding:11px 18px;min-height:44px;max-width:100%}
.cards{gap:clamp(14px,2vw,26px)}
.quick{gap:10px;align-items:center}
.quick .btn{min-height:44px}
.tablewrap{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.admin-layout{max-width:100%;min-width:0}
.footer-grid>*{min-width:0}
.premium-hero{max-width:none}
.premium-hero-content h1{overflow-wrap:normal;text-wrap:balance}
.premium-search{box-sizing:border-box;max-width:calc(100% - 32px)}
.premium-search label{min-width:0}
.premium-search button{min-height:48px}
@media(max-width:991.98px){
 .premium-offer{display:none!important}
 .premium-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;min-height:0;margin:clamp(12px,2.5vw,22px) var(--zzg-gutter) 38px;border-radius:clamp(20px,3vw,28px);padding:0 0 clamp(14px,2vw,24px);overflow:hidden}
 .premium-hero-content{width:100%;max-width:100%;padding:clamp(38px,6vw,72px) clamp(20px,5vw,48px) 16px!important;flex:0 0 auto}
 .premium-hero-content h1{font-size:clamp(2.8rem,6.3vw,4.5rem);line-height:1.06;max-width:720px;margin-bottom:20px}
 .premium-hero-content p{max-width:600px}
 .premium-search{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important;margin:22px clamp(14px,3vw,28px) 0!important;width:auto!important;max-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px!important;border-radius:24px!important;box-shadow:0 14px 34px #0002}
 .premium-search label{border-right:0;border-bottom:1px solid #dce9ef;min-height:64px;padding:12px!important}
 .premium-search button{grid-column:1/-1;width:100%;margin-top:8px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575.98px){
 :root{--zzg-gutter:16px;--zzg-card-pad:18px}
 .nav-shell{min-height:72px;width:calc(100% - 32px)}
 .brand{gap:8px;font-size:20px}
 .brand img{width:54px!important;height:48px!important}
 .brand span{font-size:20px!important}
 .menu-toggle{min-width:48px;min-height:46px;display:inline-flex;align-items:center;justify-content:center}
 .premium-hero{margin:12px 12px 32px!important;border-radius:22px!important;padding-bottom:14px!important}
 .premium-hero-content{padding:clamp(38px,10vw,56px) 22px 0!important}
 .premium-hero-content h1{font-size:clamp(2.55rem,11.3vw,4.1rem)!important;line-height:1.09;letter-spacing:-.04em;word-break:normal}
 .premium-hero-content .eyebrow{line-height:1.5;letter-spacing:.12em}
 .premium-hero-content p{font-size:clamp(15px,3.8vw,17px)!important;line-height:1.55}
 .hero-buttons{gap:10px;margin-top:20px}
 .hero-buttons .btn{max-width:100%;min-height:44px;padding:11px 15px}
 .premium-search{margin:20px 14px 0!important;padding:12px!important;grid-template-columns:1fr!important;border-radius:24px!important}
 .premium-search label{min-height:63px;border-right:0!important;border-bottom:1px solid #e0eaf0!important;padding:10px 14px!important}
 .premium-search button{grid-column:1!important;min-height:54px;margin-top:8px}
 .cards,.two,.two-col,.metrics,.footer-grid{grid-template-columns:minmax(0,1fr)!important}
 .cards{gap:18px}
 .card-content{padding:20px}
 .card-end{gap:14px}
 .card-end a{min-width:115px;margin-left:auto}
 .section-title{margin:42px 0 22px;padding-inline:4px}
 .page-head h1{font-size:clamp(2.05rem,9vw,3rem)!important;line-height:1.1}
 .authbox{margin:6px auto 56px!important;padding:24px 20px!important;border-radius:20px}
 .authbox .page-head h1{font-size:clamp(2.05rem,9vw,3rem)!important}
 .authbox .form input,.authbox .form select{min-height:48px}
 .panel{padding:18px!important}
 .site-footer{padding-top:40px}
 .footer-grid{gap:22px!important}
 .quick .btn{flex:0 1 auto}
 .tablewrap{margin-inline:0}
 .admin-sidebar .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-sidebar .tabs a{overflow-wrap:anywhere;white-space:normal}
}
@media(max-width:359.98px){
 :root{--zzg-gutter:12px}
 .premium-hero-content h1{font-size:2.35rem!important}
 .premium-hero-content{padding-inline:16px!important}
 .premium-search{margin-inline:10px!important}
 .brand span{font-size:18px!important}
 .card-end a{width:100%;margin-left:0}
 .authbox{padding:20px 16px!important}
}
@media(prefers-reduced-motion:reduce){.card-end a,.hero-buttons .btn{transition:none!important}}

/* v2.1 wishlist styles */
.zzg-inline-wish{display:inline-flex;margin:0}.zzg-inline-wish button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:18px;padding:.45rem .75rem;cursor:pointer}.zzg-inline-wish button:focus-visible{outline:3px solid #26bcbc;outline-offset:2px}