:root{color-scheme:light;--navy: #161e37;--deep-navy: #0f172d;--blue: #0077b6;--brand-blue: #0c84c6;--sky: #e8f6ff;--page-blue: #eaf6fd;--aqua: #2a93cf;--green: #32c77a;--pink: #0c84c6;--orange: #ffb21c;--ink: #061836;--muted: #697895;--line: rgba(22, 30, 55, .12);--panel: rgba(255, 255, 255, .92);--shadow: 0 18px 60px rgba(12, 35, 72, .18);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page-blue);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:5.5rem}.topbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#161e37f5;border-bottom:1px solid rgba(255,255,255,.14);display:flex;gap:1.5rem;justify-content:space-between;left:0;padding:.65rem clamp(1rem,4vw,3.25rem);position:sticky;right:0;top:0;z-index:20}.brand{align-items:center;color:inherit;display:flex;min-width:max-content;text-decoration:none}.brand img{height:3.8rem;max-width:8rem;object-fit:contain}.brand small,.weather-card span,.occupancy-card span,.card-header p,.section-heading p,.quick-card small,.side-card small,.info-card small,.wallet-card small,.quantity-row small,.vip-card p,.contact-card p,.article-card p{color:var(--muted)}.desktop-nav{align-items:center;background:#fffffff0;border:1px solid rgba(255,255,255,.76);border-radius:999px;box-shadow:0 14px 38px #02081438;display:flex;gap:.25rem;padding:.28rem}.desktop-nav button{background:transparent;border:0;border-radius:999px;color:#526078;font-weight:800;padding:.65rem 1rem}.desktop-nav button.active{background:linear-gradient(135deg,var(--brand-blue),#006aa8);color:#fff}.topbar-actions{align-items:center;display:flex;gap:.6rem}.icon-button,.cart-button{align-items:center;background:#fffffff0;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:var(--navy);display:inline-flex;min-height:2.6rem;padding:0 .85rem}.cart-button{gap:.45rem}.cart-button span{align-items:center;background:var(--brand-blue);border-radius:999px;color:#fff;display:inline-flex;font-size:.78rem;height:1.25rem;justify-content:center;min-width:1.25rem}.hero{margin:0 auto;min-height:min(740px,calc(100vh - 4.5rem));overflow:hidden;position:relative}.hero:after{background:linear-gradient(180deg,rgba(234,246,253,0) 0%,rgba(234,246,253,.5) 58%,var(--page-blue) 100%);bottom:-1px;content:"";height:5rem;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.hero-bg{background-image:url(/pool-hero.png);background-position:center 48%;background-size:cover;inset:0;position:absolute}.hero-overlay{background:linear-gradient(90deg,#161e37eb,#161e37a8 34%,#161e3714 64%),linear-gradient(180deg,#161e372e,#161e3714 45%,#161e3724),linear-gradient(180deg,#eaf6fd00,#eaf6fd1f);inset:0;position:absolute}.hero-content{align-items:center;display:grid;gap:clamp(1.5rem,5vw,4rem);grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr);margin:0 auto;max-width:1180px;min-height:inherit;padding:clamp(2.5rem,6vw,5rem) clamp(1rem,4vw,2rem);position:relative;z-index:2}.eyebrow{color:#56b9ee;font-size:.85rem;font-weight:800;letter-spacing:0;margin:0 0 .8rem;text-transform:uppercase}.hero h1{color:#fff;font-size:clamp(2.7rem,6vw,5.9rem);line-height:.95;margin:0;max-width:820px}.hero-copy>p:not(.eyebrow){color:#ffffffd1;font-size:clamp(1.03rem,2vw,1.28rem);line-height:1.65;margin:1.25rem 0 0;max-width:630px}.hero-actions,.contact-card,.quantity-row,.card-header,.side-card-title{align-items:center;display:flex}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem}.primary-button,.ghost-button,.event-card button,.wallet-card button,.contact-card button{align-items:center;border-radius:999px;display:inline-flex;font-weight:800;gap:.55rem;justify-content:center;min-height:3rem;padding:0 1.25rem}.primary-button{background:linear-gradient(135deg,var(--blue),var(--deep-navy));border:0;color:#fff;box-shadow:0 12px 30px #0b72e740}.hero .primary-button{background:#fff;border:1px solid rgba(255,255,255,.86);color:var(--navy);outline:0;box-shadow:0 0 0 1px #ffffffb8,0 0 24px #ffffff57,0 14px 32px #0208143d,inset 0 1px #ffffffe6}.hero .primary-button svg{color:var(--brand-blue)}.ghost-button{background:#ffffff1f;border:1px solid rgba(255,255,255,.46);color:#fff}.wide{width:100%}.status-panel{display:grid;gap:1rem}.weather-card,.occupancy-card,.side-card,.booking-card,.article-card,.vip-card,.wallet-card,.info-card,.contact-card,.admin-form{background:var(--panel);border:1px solid rgba(255,255,255,.86);border-radius:8px;box-shadow:var(--shadow)}.weather-card,.occupancy-card{display:grid;gap:.7rem;padding:1.25rem}.weather-card strong,.occupancy-card strong{color:var(--navy);font-size:2.5rem;line-height:1}.sun-icon{color:var(--orange)}.progress{background:#e8edf4;border-radius:999px;height:.65rem;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--brand-blue),var(--aqua));display:block;height:100%}.quick-grid,.content-layout{margin:0 auto;max-width:1180px;padding:clamp(1rem,4vw,2rem);position:relative;z-index:2}.quick-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));transform:translateY(-2.4rem);position:relative;z-index:5}.quick-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 45px #0c23481f;color:var(--navy);display:grid;gap:.7rem;grid-template-columns:auto minmax(0,1fr) auto;min-height:5.5rem;padding:1rem;text-align:left}.quick-card span,.wallet-card span{display:grid;gap:.2rem}.content-layout{align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) 340px;padding-top:0}.main-column,.side-column,.admin-list{display:grid;gap:1rem}.section-content{animation:section-in .32s ease both;display:grid;gap:1rem}@keyframes section-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-heading{align-items:flex-start;display:flex;gap:.85rem;margin-bottom:.2rem}.section-heading svg{background:#e6f5ff;border-radius:8px;color:var(--blue);padding:.25rem}.section-heading h2{color:var(--navy);font-size:clamp(1.6rem,3vw,2.2rem);margin:0}.section-heading p{line-height:1.5;margin:.25rem 0 0}.article-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.article-card{display:grid;gap:.7rem;padding:1.2rem}.article-card span{color:var(--pink);font-weight:800}.article-card h3,.event-card h3,.vip-card h3,.contact-card h3,.booking-card h3{color:var(--navy);margin:0}.article-card p{line-height:1.5;margin:0}.article-card footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;gap:.45rem;padding-top:.75rem}.side-card{padding:1.15rem}.side-card-title{color:var(--navy);font-weight:800;gap:.55rem;margin-bottom:1rem}.hourly-row{display:grid;gap:.45rem;grid-template-columns:repeat(5,1fr)}.hourly-row div{align-items:center;background:#f4faff;border-radius:8px;display:grid;gap:.35rem;justify-items:center;min-height:5.6rem}.hourly-row svg{color:var(--orange)}.event-card{background:linear-gradient(135deg,#161e37e6,#0077b6b8),url(/pool-hero.png) center/cover;color:#fff}.event-card span,.event-card p{color:#fffc}.event-card h3{color:#fff;font-size:1.7rem;margin:.35rem 0}.event-card button{background:#fff;border:0;color:var(--navy);margin-top:1rem}.date-strip{display:grid;gap:.65rem;grid-template-columns:repeat(7,minmax(0,1fr))}.date-strip button{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--navy);display:grid;gap:.35rem;justify-items:center;min-height:5.7rem;padding:.8rem .5rem}.date-strip button.active{background:linear-gradient(135deg,var(--navy),#0f4774);color:#fff}.date-strip svg{color:var(--orange)}.booking-card,.admin-form{padding:1.25rem}.card-header{justify-content:space-between;gap:1rem;margin-bottom:1rem}.availability{color:var(--green);font-weight:800}.ticket-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr)}.ticket-grid button{align-content:space-between;background:linear-gradient(180deg,#fffffffa,#f7fcffeb);border:1px solid var(--line);border-radius:8px;color:var(--navy);display:grid;gap:.8rem;min-height:9.25rem;padding:1rem 1rem .9rem;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.ticket-grid button.selected{background:linear-gradient(180deg,#fff,#ebf7fff5);border-color:var(--blue);box-shadow:0 0 0 3px #0c84c626;transform:translateY(-1px)}.ticket-card-head,.ticket-card-foot,.ticket-meta{align-items:center;display:flex}.ticket-card-head{gap:.55rem;justify-content:space-between;min-width:0}.ticket-card-head strong{min-width:0}.ticket-meta{background:#f4faff;border:1px solid rgba(14,60,118,.08);border-radius:999px;color:#40516e;font-size:.9rem;font-weight:700;gap:.35rem;justify-content:center;min-height:2.1rem;padding:0 .6rem;width:100%}.ticket-meta svg{color:var(--blue)}.ticket-card-foot{justify-content:space-between;gap:.75rem}.ticket-grid b{color:var(--blue);font-size:1.35rem;line-height:1;white-space:nowrap}.ticket-grid small{color:var(--brand-blue);font-size:.78rem;font-weight:800;line-height:1.25;text-align:right}.badge{background:#e6f5ff;border-radius:999px;color:var(--blue);flex:0 0 auto;font-size:.72rem;font-weight:800;padding:.25rem .55rem;white-space:nowrap}.quantity-row{background:#f5fbff;border:1px solid var(--line);border-radius:8px;justify-content:space-between;margin:1rem 0;padding:.85rem}.quantity-row span{display:grid}.stepper{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;display:flex;gap:.7rem;padding:.25rem}.stepper button{background:#e8f3ff;border:0;border-radius:999px;color:var(--blue);height:2rem;width:2rem}.vip-grid,.info-grid,.ticket-wallet{display:grid;gap:1rem}.vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-card{overflow:hidden}.vip-card>*:not(.vip-image){margin-left:1rem;margin-right:1rem}.vip-image{background-image:url(/pool-hero.png);background-position:center 62%;background-size:cover;height:11rem}.vip-card h3{margin-top:1rem}.vip-card ul{color:#40516e;line-height:1.7;padding-left:1.3rem}.vip-card button{align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:var(--blue);display:flex;font-weight:800;justify-content:space-between;margin:0;padding:1rem;width:100%}.wallet-card{align-items:center;display:grid;gap:1rem;grid-template-columns:auto minmax(0,1fr) auto;padding:1rem}.wallet-card svg{background:#e8f3ff;border-radius:8px;color:var(--blue);padding:.55rem}.wallet-card button,.contact-card button{background:#fff;border:1px solid var(--line);color:var(--blue)}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card{display:grid;gap:.55rem;padding:1.2rem}.info-card strong{color:var(--green);font-size:2rem}.contact-card{flex-wrap:wrap;gap:.8rem;justify-content:space-between;padding:1.2rem}.contact-card div{flex:1 1 18rem}.admin-layout{align-items:start;display:grid;gap:1rem;grid-template-columns:330px minmax(0,1fr)}.admin-form{display:grid;gap:.9rem}.admin-form label{color:var(--navy);display:grid;font-weight:800;gap:.35rem}.admin-form input,.admin-form select,.admin-form textarea{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:2.8rem;padding:.7rem .8rem;width:100%}.admin-form textarea{min-height:7rem;resize:vertical}.mobile-nav{display:none}@media(max-width:1040px){.desktop-nav{display:none}.hero-content,.content-layout,.admin-layout{grid-template-columns:1fr}.quick-grid,.side-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding-bottom:7.8rem}.topbar{padding:.7rem 1rem}.brand img{height:3.15rem;max-width:6rem}.icon-button{display:none}.hero{min-height:750px}.hero-overlay{background:linear-gradient(180deg,#161e37fa,#161e37e6 36%,#161e379e 58%,#0c84c633 78%,#eaf6fdfa)}.hero:after{background:linear-gradient(180deg,rgba(234,246,253,0) 0%,rgba(234,246,253,.72) 48%,var(--page-blue) 100%);height:18rem}.hero-content{align-content:center;gap:1rem;padding-bottom:5.5rem;padding-top:2rem}.hero h1{font-size:clamp(2.35rem,12vw,2.95rem)}.hero-copy>p:not(.eyebrow){font-size:1rem;line-height:1.55}.hero-actions{gap:.65rem;margin-top:1.35rem}.primary-button,.ghost-button{min-height:2.8rem;padding:0 1rem}.status-panel{gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.weather-card,.occupancy-card{gap:.45rem;padding:1rem}.weather-card strong,.occupancy-card strong{font-size:1.9rem}.weather-card span,.occupancy-card small,.weather-card small{font-size:.78rem}.quick-grid{grid-template-columns:1fr;margin-top:-2.6rem;padding-top:.4rem;position:relative;transform:none;z-index:6}.article-grid,.vip-grid,.ticket-grid,.info-grid,.side-column{grid-template-columns:1fr}.date-strip{display:flex;overflow-x:auto;padding-bottom:.2rem}.date-strip button{min-width:5.7rem}.wallet-card{grid-template-columns:auto minmax(0,1fr)}.wallet-card button{grid-column:1 / -1}.mobile-nav{align-items:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#161e37e0;border:1px solid rgba(255,255,255,.16);border-radius:999px;bottom:1rem;box-shadow:0 18px 46px #02081447,inset 0 1px #ffffff1f;display:flex;gap:.25rem;left:1rem;padding:.38rem;position:fixed;right:1rem;z-index:30}.mobile-nav button{align-items:center;background:transparent;border-radius:999px;border:0;color:#ffffffad;display:grid;flex:1 1 0;font-size:.68rem;gap:.12rem;justify-items:center;min-height:3.15rem;min-width:0;padding:.28rem .1rem;transition:background .18s ease,color .18s ease,transform .18s ease}.mobile-nav button.active{background:#fff;color:var(--navy);flex:0 0 6.25rem;font-weight:800;transform:translateY(-.05rem);box-shadow:0 10px 24px #02081433}.mobile-nav button.active svg{color:var(--brand-blue)}}