.hydros-club{--club-ink:var(--hydros-navy,#061f2c);--club-paper:var(--hydros-ivory,#f7f3eb);--club-line:var(--hydros-line,#ddd4c7);position:fixed;inset:0;z-index:80;pointer-events:none;color:var(--club-ink)}
.hydros-club[hidden],.hydros-club [hidden]{display:none!important}
.hydros-club *{box-sizing:border-box}
.hydros-synthesis .hydros-club__dialog{position:fixed;inset:auto auto 24px 24px;margin:0;width:min(440px,calc(100vw - 48px));max-width:440px;max-height:calc(100dvh - 48px);padding:0;display:none;grid-template-columns:1fr;grid-template-rows:144px auto;overflow:auto;background:var(--club-paper);color:var(--club-ink);border:0;border-radius:14px;box-shadow:0 12px 48px rgb(6 31 44 / .18);pointer-events:auto;opacity:1;transform:none;scrollbar-color:var(--club-ink) var(--club-paper)}
.hydros-synthesis .hydros-club__dialog[open]{display:grid;animation:club-arrive 220ms cubic-bezier(.16,1,.3,1)}
.hydros-synthesis .hydros-club__media{display:block;min-height:0;overflow:hidden}
.hydros-club__media picture,.hydros-club__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.hydros-synthesis .hydros-club__content{padding:28px 32px 32px;align-self:start}
.hydros-synthesis .hydros-club__dialog h2{margin:0;max-width:16ch;font-size:32px;font-weight:600;line-height:1.1;letter-spacing:-.03em;color:var(--club-ink);text-wrap:balance}
.hydros-synthesis .hydros-club__intro{margin:16px 0 0;font-size:15px;line-height:1.55;color:var(--club-ink)}
.hydros-club__alternative,.hydros-synthesis .hydros-club__reward{margin:16px 0 0;font-size:14px;line-height:1.5;background:transparent}
.hydros-club__field{display:grid;gap:10px;margin-top:24px}
.hydros-club__field label{font-size:14px;line-height:1.4;font-weight:600}
.hydros-club__field input,.hydros-club__field button,.hydros-club__secondary{min-height:48px;width:100%;padding:12px 16px;border-radius:5px;font:inherit;font-size:16px;line-height:1.4}
.hydros-club__field input{border:1px solid var(--club-line);background:var(--club-paper);color:var(--club-ink);caret-color:var(--club-ink)}
.hydros-club__field input::placeholder{color:var(--club-ink);opacity:.75}
.hydros-synthesis .hydros-club__field button,.hydros-club__secondary{border:0;background:var(--hydros-coral,#d86049);color:var(--club-ink);font-weight:600;cursor:pointer;transition:transform 120ms cubic-bezier(.16,1,.3,1)}
.hydros-club__field button:active,.hydros-club__secondary:active{transform:scale(.98)}
.hydros-club__form[aria-busy="true"] button[type="submit"]{opacity:.65;cursor:progress}
.hydros-synthesis .hydros-club__privacy{margin:16px 0 0;font-size:12px;line-height:1.55;color:var(--club-ink)}
.hydros-club__privacy a,.hydros-club__reward a{color:inherit;text-underline-offset:3px}
.hydros-club__error,.hydros-club__feedback{margin:16px 0 0;font-size:14px;line-height:1.5;color:var(--club-ink)}
.hydros-club__error{border-top:1px solid var(--club-ink);padding-top:12px}
.hydros-club__success p{font-size:16px;line-height:1.5;margin:16px 0 24px}
.hydros-synthesis .hydros-club__close,.hydros-club__invite-close{position:absolute;inset:8px 8px auto auto;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:var(--club-paper);color:var(--club-ink);cursor:pointer}
.hydros-club :is(button,input,a):focus-visible{outline:2px solid var(--club-ink);outline-offset:3px}
.hydros-club__invite{position:fixed;bottom:24px;left:24px;width:320px;max-width:calc(100vw - 48px);padding:24px;pointer-events:auto;border-radius:14px;background:var(--club-paper);box-shadow:0 8px 32px rgb(6 31 44 / .14);animation:club-arrive 220ms cubic-bezier(.16,1,.3,1)}
.hydros-club__invite p{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.02em;margin:0 28px 8px 0}
.hydros-club__invite>span{display:block;font-size:14px;line-height:1.5;margin-right:8px}
.hydros-club__invite>[data-hydros-promo-teaser]{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;margin-top:12px;padding:8px 0 0;text-align:left;font:inherit;font-size:14px;font-weight:600;border:0;border-radius:0;background:transparent;color:var(--club-ink);cursor:pointer}
.hydros-club__invite-close{inset:4px 4px auto auto}
@keyframes club-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:749px){.hydros-synthesis .hydros-club__dialog{inset:auto 16px calc(16px + env(safe-area-inset-bottom)) 16px;width:auto;max-width:none;max-height:calc(100dvh - 32px);grid-template-rows:auto}.hydros-synthesis .hydros-club__media{display:none}.hydros-synthesis .hydros-club__content{padding:32px 24px 24px}.hydros-synthesis .hydros-club__dialog h2{font-size:30px;max-width:14ch;padding-right:20px}.hydros-club__invite{inset:auto auto calc(16px + env(safe-area-inset-bottom)) 16px;max-width:calc(100vw - 32px);padding:20px 24px}.hydros-club__invite p{font-size:20px}}
@media(prefers-reduced-motion:reduce){.hydros-synthesis .hydros-club__dialog[open],.hydros-club__invite{animation:none}.hydros-club__field button,.hydros-club__secondary{transition:none}}