.db-auth-wrap {
            --court-teal: #163A38;
            --court-teal-deep: #0D2422;
            --dink-pink: #FF3D6E;
            --dink-pink-soft: #FFD9E4;
            --ball-glow: #D6F73B;
            --lavender: #ECE1F7;
            --lavender-deep: #DCC9F0;
            --cloud: #FFF7EE;
            --ink: #101E1B;
            --error: #D6395A;
            --ok: #1f8c4d;

            --font-display: "Fraunces", serif;
            --font-body: "Manrope", sans-serif;
            --font-mono: "Space Mono", monospace;
            --ease: cubic-bezier(.22, 1, .36, 1);
          }

          .db-auth-wrap *,
          .db-auth-wrap *:before,
          .db-auth-wrap *:after {
            box-sizing: border-box;
          }

          .db-auth-wrap {
            margin: 0;
            min-height: 100vh;
            font-family: var(--font-body);
            color: var(--ink);
            background:
              radial-gradient(ellipse 800px 500px at 12% -10%, var(--lavender-deep), transparent 60%),
              radial-gradient(ellipse 700px 600px at 100% 100%, rgba(255,61,110,0.10), transparent 55%),
              radial-gradient(circle 320px at 92% 18%, rgba(214,247,59,0.28), transparent 70%),
              radial-gradient(circle 260px at 6% 78%, rgba(255,61,110,0.14), transparent 70%),
              var(--lavender);
            -webkit-font-smoothing: antialiased;
          }

          .db-auth-wrap a { color: inherit; }

          .db-auth-wrap .auth-shell {
            position: relative;
            min-height: 100vh;
            display: grid;
            grid-template-columns: 1fr;
            overflow: hidden;
          }

          .db-auth-wrap .deco-layer {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            overflow: hidden;
          }

          .db-auth-wrap .deco-layer svg { position: absolute; }

          .db-auth-wrap .deco-blob {
            position: absolute;
            border-radius: 50%;
            filter: blur(2px);
            opacity: .5;
          }

          .db-auth-wrap .deco-blob.b1 {
            width: 240px;
            height: 240px;
            top: -60px;
            right: 8%;
            background: radial-gradient(circle, var(--dink-pink-soft), transparent 72%);
          }

          .db-auth-wrap .deco-blob.b2 {
            width: 180px;
            height: 180px;
            bottom: 6%;
            left: 44%;
            background: radial-gradient(circle, var(--ball-glow), transparent 75%);
            opacity: .22;
          }

          .db-auth-wrap .form-panel {
            position: relative;
            z-index: 1;
          }

          .db-auth-wrap .form-panel {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: clamp(28px, 6vw, 64px) clamp(20px, 6vw, 56px);
          }

          .db-auth-wrap .form-card {
            width: 100%;
            max-width: 440px;
          }

          .db-auth-wrap .mobile-wordmark {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-family: var(--font-display);
            font-weight: 700;
            font-size: 1.2rem;
            text-decoration: none;
            color: var(--court-teal-deep);
            margin-bottom: 28px;
          }

          .db-auth-wrap .mobile-wordmark .dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--dink-pink);
          }

          .db-auth-wrap .form-eyebrow {
            font-family: var(--font-mono);
            font-size: .68rem;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--court-teal);
            opacity: .75;
            margin: 0 0 10px;
          }

          .db-auth-wrap .form-title {
            font-family: var(--font-display);
            font-weight: 700;
            font-size: clamp(1.9rem, 3.6vw, 2.5rem);
            line-height: 1.05;
            margin: 0 0 8px;
            color: var(--court-teal-deep);
          }

          .db-auth-wrap .form-sub {
            font-size: .95rem;
            line-height: 1.55;
            color: var(--court-teal-deep);
            opacity: .85;
            margin: 0 0 28px;
            max-width: 40ch;
          }

          .db-auth-wrap .tab-switch {
            position: relative;
            display: grid;
            grid-template-columns: 1fr 1fr;
            background: rgba(255,255,255,.55);
            border: 1.5px solid rgba(22,58,56,.12);
            border-radius: 999px;
            padding: 4px;
            margin-bottom: 30px;
          }

          .db-auth-wrap .tab-btn {
            position: relative;
            z-index: 2;
            border: none;
            background: transparent;
            font-family: var(--font-body);
            font-weight: 700;
            font-size: .82rem;
            letter-spacing: .01em;
            padding: 11px 10px;
            border-radius: 999px;
            cursor: pointer;
            color: var(--court-teal-deep);
            transition: color .3s var(--ease);
          }

          .db-auth-wrap .tab-btn[aria-selected="true"] {
            color: var(--cloud);
          }

          .db-auth-wrap .tab-indicator {
            position: absolute;
            top: 4px;
            left: 4px;
            width: calc(50% - 4px);
            height: calc(100% - 8px);
            background: var(--court-teal);
            border-radius: 999px;
            transition: transform .4s var(--ease);
            z-index: 1;
          }

          .db-auth-wrap .tab-switch[data-active="register"] .tab-indicator {
            transform: translateX(100%);
          }

          .db-auth-wrap .auth-form {
            display: none;
            flex-direction: column;
            gap: 16px;
            animation: dbFadeUp .5s var(--ease);
          }

          .db-auth-wrap .auth-form.is-active { display: flex; }

          @keyframes dbFadeUp {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
          }

          .db-auth-wrap .field {
            display: flex;
            flex-direction: column;
            gap: 6px;
          }

          .db-auth-wrap .field-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px;
          }

          .db-auth-wrap .field label {
            font-family: var(--font-mono);
            font-size: .64rem;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--court-teal-deep);
            opacity: .75;
          }

          .db-auth-wrap .field input,
          .db-auth-wrap .field select {
            font-family: var(--font-body);
            font-size: .95rem;
            padding: 13px 15px;
            border-radius: 12px;
            border: 1.5px solid rgba(22,58,56,.15);
            background: rgba(255,255,255,.7);
            color: var(--ink);
            outline: none;
            transition: border-color .25s var(--ease), background .25s var(--ease);
          }

          .db-auth-wrap .field input::placeholder {
            color: rgba(16,30,27,.35);
          }

          .db-auth-wrap .field input:focus,
          .db-auth-wrap .field select:focus {
            border-color: var(--dink-pink);
            background: #fff;
          }

          .db-auth-wrap .password-field { position: relative; }

          .db-auth-wrap .password-toggle {
            position: absolute;
            right: 13px;
            top: 34px;
            background: none;
            border: none;
            cursor: pointer;
            font-family: var(--font-mono);
            font-size: .62rem;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: var(--court-teal);
            opacity: .7;
          }

          .db-auth-wrap .field-meta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: .8rem;
            gap: 10px;
          }

          .db-auth-wrap .checkbox-row {
            display: flex;
            align-items: flex-start;
            gap: 9px;
            font-size: .8rem;
            line-height: 1.4;
            color: var(--court-teal-deep);
          }

          .db-auth-wrap .checkbox-row input {
            margin-top: 3px;
            accent-color: var(--dink-pink);
          }

          .db-auth-wrap .link-muted {
            text-decoration: none;
            color: var(--court-teal);
            border-bottom: 1px solid rgba(22,58,56,.35);
          }

          .db-auth-wrap .btn-submit {
            margin-top: 6px;
            font-family: var(--font-body);
            font-weight: 700;
            font-size: .9rem;
            letter-spacing: .02em;
            text-transform: uppercase;
            color: var(--cloud);
            background: var(--dink-pink);
            border: none;
            border-radius: 999px;
            padding: 15px 20px;
            cursor: pointer;
            box-shadow: 0 10px 22px -8px rgba(255,61,110,.5);
            transition: transform .3s var(--ease), box-shadow .3s var(--ease);
          }

          .db-auth-wrap .btn-submit:hover {
            transform: translateY(-2px);
            box-shadow: 0 14px 26px -8px rgba(255,61,110,.55);
          }

          .db-auth-wrap .form-footer {
            margin-top: 22px;
            font-size: .85rem;
            color: var(--court-teal-deep);
            text-align: center;
          }

          .db-auth-wrap .form-footer button {
            background: none;
            border: none;
            font: inherit;
            font-weight: 700;
            color: var(--dink-pink);
            cursor: pointer;
            text-decoration: underline;
          }

          .db-auth-wrap .notice {
            margin: 0 0 16px;
            padding: 12px 14px;
            border-radius: 10px;
            font-size: .86rem;
            line-height: 1.45;
          }

          .db-auth-wrap .notice.error {
            background: #ffe8ee;
            color: #8f1f3d;
            border: 1px solid #f6b8ca;
          }

          .db-auth-wrap .notice.success {
            background: #e8f8ef;
            color: #1a6d3f;
            border: 1px solid #b2e6c8;
          }

          .db-auth-wrap .bot-field {
            position: absolute;
            left: -99999px;
            width: 1px;
            height: 1px;
            opacity: 0;
            pointer-events: none;
          }

          /*
           * Hard overrides to prevent theme/page-builder button and form conflicts.
           */
          .db-auth-wrap .tab-switch {
            background: rgba(255,255,255,.55) !important;
            border: 1.5px solid rgba(22,58,56,.12) !important;
            border-radius: 999px !important;
            box-shadow: none !important;
          }

          .db-auth-wrap .tab-indicator {
            background: var(--court-teal) !important;
            border-radius: 999px !important;
            box-shadow: none !important;
          }

          .db-auth-wrap .tab-btn,
          .db-auth-wrap button.tab-btn {
            appearance: none !important;
            -webkit-appearance: none !important;
            border: 0 !important;
            background: transparent !important;
            color: var(--court-teal-deep) !important;
            font-family: var(--font-body) !important;
            font-size: .82rem !important;
            font-weight: 700 !important;
            line-height: 1.2 !important;
            text-transform: none !important;
            letter-spacing: .01em !important;
            border-radius: 999px !important;
            box-shadow: none !important;
            padding: 11px 10px !important;
            margin: 0 !important;
            min-height: 0 !important;
          }

          .db-auth-wrap .tab-btn[aria-selected="true"] {
            color: var(--cloud) !important;
          }

          .db-auth-wrap .field input,
          .db-auth-wrap .field select,
          .db-auth-wrap .field textarea {
            appearance: none !important;
            -webkit-appearance: none !important;
            border: 1.5px solid rgba(22,58,56,.15) !important;
            border-radius: 12px !important;
            background: rgba(255,255,255,.7) !important;
            color: var(--ink) !important;
            font-family: var(--font-body) !important;
            font-size: .95rem !important;
            line-height: 1.35 !important;
            padding: 13px 15px !important;
            margin: 0 !important;
            min-height: 0 !important;
            box-shadow: none !important;
            text-transform: none !important;
          }

          .db-auth-wrap .field input:focus,
          .db-auth-wrap .field select:focus,
          .db-auth-wrap .field textarea:focus {
            border-color: var(--dink-pink) !important;
            background: #fff !important;
            box-shadow: none !important;
            outline: none !important;
          }

          .db-auth-wrap .password-toggle,
          .db-auth-wrap button.password-toggle {
            appearance: none !important;
            -webkit-appearance: none !important;
            background: none !important;
            border: 0 !important;
            box-shadow: none !important;
            color: var(--court-teal) !important;
            font-family: var(--font-mono) !important;
            font-size: .62rem !important;
            text-transform: uppercase !important;
            letter-spacing: .06em !important;
            line-height: 1 !important;
            padding: 0 !important;
            min-height: 0 !important;
          }

          .db-auth-wrap .btn-submit,
          .db-auth-wrap button.btn-submit,
          .db-auth-wrap input.btn-submit[type="submit"] {
            appearance: none !important;
            -webkit-appearance: none !important;
            width: 100% !important;
            border: 0 !important;
            border-radius: 999px !important;
            background: var(--dink-pink) !important;
            color: var(--cloud) !important;
            font-family: var(--font-body) !important;
            font-size: .9rem !important;
            font-weight: 700 !important;
            letter-spacing: .02em !important;
            text-transform: uppercase !important;
            line-height: 1.2 !important;
            padding: 15px 20px !important;
            margin: 6px 0 0 !important;
            box-shadow: 0 10px 22px -8px rgba(255,61,110,.5) !important;
            text-decoration: none !important;
            min-height: 0 !important;
          }

          .db-auth-wrap .btn-submit:hover,
          .db-auth-wrap button.btn-submit:hover,
          .db-auth-wrap input.btn-submit[type="submit"]:hover {
            background: var(--dink-pink) !important;
            color: var(--cloud) !important;
            box-shadow: 0 14px 26px -8px rgba(255,61,110,.55) !important;
          }

          .db-auth-wrap .link-muted,
          .db-auth-wrap a.link-muted {
            color: var(--court-teal) !important;
            text-decoration: none !important;
            border-bottom: 1px solid rgba(22,58,56,.35) !important;
            box-shadow: none !important;
          }

          .db-auth-wrap .form-footer button {
            appearance: none !important;
            -webkit-appearance: none !important;
            background: none !important;
            border: 0 !important;
            color: var(--dink-pink) !important;
            font: inherit !important;
            font-weight: 700 !important;
            text-decoration: underline !important;
            box-shadow: none !important;
            margin: 0 !important;
            padding: 0 !important;
            min-height: 0 !important;
          }

          .db-auth-wrap .db-slider {
            padding: 10px 12px !important;
            border: 1.5px solid rgba(22,58,56,.15) !important;
            border-radius: 12px !important;
            background: rgba(255,255,255,.7) !important;
          }

          .db-auth-wrap .db-slider-track {
            position: relative !important;
            height: 8px !important;
            margin-bottom: 10px !important;
            border-radius: 999px !important;
            background: rgba(22,58,56,.12) !important;
            overflow: hidden !important;
          }

          .db-auth-wrap .db-slider-marker {
            position: absolute !important;
            top: -4px !important;
            width: 3px !important;
            height: 16px !important;
            border-radius: 999px !important;
            background: var(--dink-pink) !important;
            transform: translateX(-50%) !important;
          }

          .db-auth-wrap .db-slider-input {
            appearance: none !important;
            -webkit-appearance: none !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            padding: 0 !important;
            width: 100% !important;
            margin: 0 !important;
            min-height: 24px !important;
            accent-color: var(--court-teal) !important;
          }

          .db-auth-wrap .db-slider-input::-webkit-slider-runnable-track {
            height: 8px !important;
            border-radius: 999px !important;
            background: rgba(22,58,56,.12) !important;
          }

          .db-auth-wrap .db-slider-input::-moz-range-track {
            height: 8px !important;
            border-radius: 999px !important;
            background: rgba(22,58,56,.12) !important;
            border: 0 !important;
          }

          .db-auth-wrap .db-slider-input::-webkit-slider-thumb {
            -webkit-appearance: none !important;
            width: 18px !important;
            height: 18px !important;
            margin-top: -5px !important;
            border-radius: 50% !important;
            border: 0 !important;
            background: var(--court-teal) !important;
            box-shadow: 0 2px 8px rgba(0,0,0,.18) !important;
          }

          .db-auth-wrap .db-slider-input::-moz-range-thumb {
            width: 18px !important;
            height: 18px !important;
            border-radius: 50% !important;
            border: 0 !important;
            background: var(--court-teal) !important;
            box-shadow: 0 2px 8px rgba(0,0,0,.18) !important;
          }

          .db-auth-wrap .db-slider-meta {
            margin: 0 0 10px !important;
            display: flex !important;
            justify-content: space-between !important;
            gap: 10px !important;
            color: var(--court-teal) !important;
            font-family: var(--font-mono) !important;
            font-size: .72rem !important;
            text-transform: uppercase !important;
            letter-spacing: .04em !important;
          }

          .db-auth-wrap .db-slider-text {
            margin: 8px 0 0 !important;
            font-size: .78rem !important;
            color: var(--court-teal) !important;
            font-family: var(--font-mono) !important;
            letter-spacing: .04em !important;
            text-transform: uppercase !important;
          }

          .db-auth-wrap .db-slider-text.is-ok {
            color: var(--ok) !important;
          }

          @media (max-width: 560px) {
            .db-auth-wrap .field-row {
              grid-template-columns: 1fr;
            }
          }
        
      /* Dinker Belle fixed-header spacing + auth tab contrast */
      .db-auth-page,
      .auth-page {
        padding-top: 90px !important;
      }

      .auth-tabs button,
      .auth-tabs .tab,
      .auth-tab,
      .tab-btn {
        color: #174c43 !important;
      }

      .auth-tabs button.is-active,
      .auth-tabs .tab.is-active,
      .auth-tab.is-active,
      .tab-btn.is-active,
      .auth-tabs button.active,
      .auth-tab.active {
        color: #ffffff !important;
      }

      @media (max-width: 767px) {
        .db-auth-page,
        .auth-page {
          padding-top: 65px !important;
        }
      }

    
      /* Force readable text on the selected dark auth tab. */
      .auth-toggle button.active,
      .auth-toggle button.is-active,
      .auth-toggle button[aria-selected="true"],
      .auth-tabs button.active,
      .auth-tabs button.is-active,
      .auth-tabs button[aria-selected="true"],
      .auth-tab.active,
      .auth-tab.is-active,
      .tab-btn.active,
      .tab-btn.is-active,
      button[data-mode].active,
      button[data-mode].is-active {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
      }

    
          /* Password flows are standalone screens: never show login/register chrome. */
          .db-auth-wrap.auth-mode-lostpassword #formEyebrow,
          .db-auth-wrap.auth-mode-lostpassword #formTitle,
          .db-auth-wrap.auth-mode-lostpassword #formSub,
          .db-auth-wrap.auth-mode-lostpassword #tabSwitch,
          .db-auth-wrap.auth-mode-lostpassword #formFooter,
          .db-auth-wrap.auth-mode-resetpassword #formEyebrow,
          .db-auth-wrap.auth-mode-resetpassword #formTitle,
          .db-auth-wrap.auth-mode-resetpassword #formSub,
          .db-auth-wrap.auth-mode-resetpassword #tabSwitch,
          .db-auth-wrap.auth-mode-resetpassword #formFooter {
            display: none !important;
          }

.db-header {
  --dh-green: #173F3A;
  --dh-deep: #0D2926;
  --dh-cream: #FFF7EE;
  --dh-pink: #FF3D6E;
  --dh-lime: #D6F08A;
  --dh-lilac: #CDB9F4;
  --dh-blue: #B9DDEB;
  position: relative;
  z-index: 9999;
  width: 100%;
  color: var(--dh-cream);
  background: linear-gradient(115deg, #173F3A 0%, #24534C 100%);
  border-bottom: 1px solid rgba(255,247,238,.14);
  transition: background .8s ease, box-shadow .4s ease, border-color .4s ease;
}

.db-header *,
.db-header *::before,
.db-header *::after { box-sizing: border-box; }

.db-header.is-scrolled {
  box-shadow: 0 10px 35px rgba(13,41,38,.18);
  border-bottom-color: rgba(255,247,238,.2);
}

.db-header-inner {
  width: 100%;
  max-width: 1500px;
  min-height: 92px;
  margin: 0 auto;
  padding: 0 clamp(22px, 4vw, 65px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  transition: min-height .4s ease;
}

.db-header.is-scrolled .db-header-inner { min-height: 76px; }

.db-header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 72px;
  height: 72px;
  padding: 8px;
  border-radius: 50%;
  background: var(--dh-cream);
  text-decoration: none;
  line-height: 0;
  box-shadow: 0 6px 20px rgba(13,41,38,.14);
  transition: width .4s ease, height .4s ease, padding .4s ease, box-shadow .4s ease;
}

.db-header-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

.db-header.is-scrolled .db-header-logo {
  width: 62px;
  height: 62px;
  padding: 7px;
  box-shadow: 0 5px 16px rgba(13,41,38,.12);
}

.db-header-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(22px, 2.7vw, 42px);
  margin-left: auto;
}

.db-header-nav > a,
.db-header-dropdown > button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 92px;
  padding: 0;
  margin: 0;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  color: var(--dh-cream);
  text-decoration: none;
  font-family: "Manrope", sans-serif;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
  cursor: pointer;
  transition: height .4s ease, color .25s ease, opacity .25s ease;
}

.db-header.is-scrolled .db-header-nav > a,
.db-header.is-scrolled .db-header-dropdown > button { height: 76px; }

.db-header-nav > a:hover,
.db-header-dropdown > button:hover {
  color: var(--dh-lime);
  opacity: 1;
}

.db-header-nav > a::after,
.db-header-dropdown > button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--dh-lime);
  transition: width .3s cubic-bezier(.22,1,.36,1), bottom .4s ease;
}

.db-header.is-scrolled .db-header-nav > a::after,
.db-header.is-scrolled .db-header-dropdown > button::after { bottom: 18px; }

.db-header-nav > a:hover::after,
.db-header-dropdown:hover > button::after { width: 100%; }

.db-header-chevron {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform .25s ease;
}

.db-header-dropdown:hover .db-header-chevron { transform: rotate(225deg); }

.db-header-dropdown {
  position: relative;
  display: flex;
  align-items: center;
}

.db-header-dropdown-menu {
  position: absolute;
  left: 50%;
  top: calc(100% - 8px);
  width: 250px;
  padding: 10px;
  margin: 0;
  transform: translate(-50%, 12px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border: 0 !important;
  border-radius: 18px;
  background: rgba(13,41,38,.97);
  box-shadow: 0 18px 45px rgba(13,41,38,.18);
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}

.db-header-dropdown:hover .db-header-dropdown-menu,
.db-header-dropdown:focus-within .db-header-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.db-header-dropdown-menu a {
  display: block;
  width: 100%;
  padding: 12px 14px;
  margin: 0;
  border: 0 !important;
  border-radius: 10px;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255,247,238,.8);
  text-decoration: none;
  font-family: "Manrope", sans-serif;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.db-header-dropdown-menu a:hover {
  background: rgba(255,247,238,.09) !important;
  color: var(--dh-cream);
  transform: translateX(3px);
}

.db-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}

.db-header-auth {
  color: var(--dh-cream);
  text-decoration: none;
  font-family: "Manrope", sans-serif;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  transition: color .25s ease;
}

.db-header-auth:hover,
.db-header-auth:focus-visible {
  color: var(--dh-lime) !important;
  text-decoration: none !important;
}

.db-header-account {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
  border: 1px solid rgba(255,247,238,.55);
  border-radius: 50%;
  background: rgba(255,247,238,.06);
  color: var(--dh-cream);
  text-decoration: none;
  font-family: "Manrope", sans-serif;
  font-size: .7rem;
  font-weight: 800;
  overflow: hidden;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}

.db-header-account:hover {
  background: var(--dh-cream);
  color: var(--dh-green);
  transform: translateY(-2px);
}

.db-header-account-photo {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

.db-header-shop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 43px;
  padding: 0 20px;
  border-radius: 999px;
  background: var(--dh-lime);
  color: var(--dh-green);
  text-decoration: none;
  font-family: "Manrope", sans-serif;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
  box-shadow: 0 8px 20px rgba(13,41,38,.15);
}

.db-header-mobile-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  padding: 0;
  margin: 0;
  border: 0 !important;
  outline: none !important;
  border-radius: 50%;
  background: var(--dh-cream) !important;
  box-shadow: none !important;
  cursor: pointer;
}

.db-header-mobile-toggle span,
.db-header-mobile-toggle span::before,
.db-header-mobile-toggle span::after {
  display: block;
  width: 17px;
  height: 2px;
  border-radius: 2px;
  background: var(--dh-green);
  transition: transform .25s ease, opacity .25s ease;
}

.db-header-mobile-toggle span { position: relative; }
.db-header-mobile-toggle span::before,
.db-header-mobile-toggle span::after { content: ""; position: absolute; left: 0; }
.db-header-mobile-toggle span::before { top: -6px; }
.db-header-mobile-toggle span::after { top: 6px; }

.db-header-mobile-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 15px 22px 28px;
  background: var(--dh-cream);
  border-bottom: 1px solid rgba(23,63,58,.1);
  box-shadow: 0 20px 40px rgba(13,41,38,.1);
}

.db-header-mobile-menu > a,
.db-header-mobile-menu summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 5px;
  margin: 0;
  color: var(--dh-green);
  text-decoration: none;
  font-family: "Manrope", sans-serif;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
  border: 0;
  border-bottom: 1px solid rgba(23,63,58,.08);
  background: transparent;
}

.db-header-mobile-menu details { border: 0; }
.db-header-mobile-menu details summary { list-style: none; }
.db-header-mobile-menu details summary::-webkit-details-marker { display: none; }

.db-header-mobile-submenu { padding: 5px 0 8px 15px; }

.db-header-mobile-submenu a {
  display: block;
  padding: 11px 5px;
  color: rgba(23,63,58,.62);
  text-decoration: none;
  font-family: "Manrope", sans-serif;
  font-size: .67rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.db-header-mobile-logout,
.db-header-mobile-logout:hover,
.db-header-mobile-logout:focus-visible {
  color: var(--dh-pink) !important;
  text-decoration: none !important;
}

.db-header-mobile-shop {
  display: flex !important;
  align-items: center;
  justify-content: center !important;
  margin-top: 18px;
  padding: 15px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--dh-pink) !important;
  color: #fff !important;
}

.db-header.is-open .db-header-mobile-menu { display: block; }
.db-header.is-open .db-header-mobile-toggle span { background: transparent; }
.db-header.is-open .db-header-mobile-toggle span::before { transform: rotate(45deg); top: 0; }
.db-header.is-open .db-header-mobile-toggle span::after { transform: rotate(-45deg); top: 0; }

@media (max-width: 900px) {
  .db-header-inner { min-height: 78px; padding: 0 20px; }
  .db-header.is-scrolled .db-header-inner { min-height: 68px; }
  .db-header-logo { width: 58px; height: 58px; padding: 6px; }
  .db-header.is-scrolled .db-header-logo { width: 52px; height: 52px; padding: 5px; }
  .db-header-nav { display: none; }
  .db-header-actions { margin-left: auto; }
  .db-header-account, .db-header-shop, .db-header-auth { display: none; }
  .db-header-mobile-toggle { display: flex; }
}

.db-profile-shell,
          .db-member-directory {
            --db-ink: #0d2422;
            --db-deep: #163a38;
            --db-hero-accent: #352445;
            --db-pink: #ff3d6e;
            --db-lime: #d6f73b;
            --db-lavender: #ece1f7;
            --db-cloud: #fff7ee;
            --db-card: rgba(248,236,250,.95);
            --db-card-deep: rgba(255,242,232,.95);
            --db-border: rgba(22,58,56,.18);
            --db-mono: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            --db-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            --db-display: "Fraunces", Georgia, serif;
          }

          .db-profile-shell * { box-sizing: border-box; }

          .db-profile-shell {
            position: relative;
            overflow: visible;
            width: 100vw;
            max-width: 100vw;
            margin-left: calc(50% - 50vw);
            margin-right: calc(50% - 50vw);
            margin-top: 0;
            margin-bottom: 0;
            padding: clamp(34px, 5vw, 62px) 0 clamp(42px, 6vw, 80px);
            border-radius: 0;
            background:
              radial-gradient(circle at 87% 12%, rgba(214,247,59,.28), rgba(214,247,59,0) 40%),
              radial-gradient(circle at 8% 78%, rgba(255,61,110,.2), rgba(255,61,110,0) 45%),
              radial-gradient(circle at 56% 8%, rgba(255,255,255,.34), rgba(255,255,255,0) 42%),
              linear-gradient(145deg, #f4ddf4 0%, #e8ddfb 43%, #ffeccd 100%);
            background-blend-mode: normal, normal, screen, normal;
          }

          .db-profile-inner {
            max-width: 1180px;
            margin: 0 auto;
            padding: 0 clamp(16px, 3vw, 28px);
            overflow: visible;
          }

          .db-profile-shell:before,
          .db-profile-shell:after {
            content: "";
            position: absolute;
            pointer-events: none;
            border-radius: 50%;
          }

          .db-profile-shell:before {
            width: 420px;
            height: 420px;
            top: -190px;
            right: -150px;
            background: radial-gradient(circle, rgba(214,247,59,.42) 0%, rgba(214,247,59,0) 72%);
          }

          .db-profile-shell:after {
            width: 340px;
            height: 340px;
            left: -120px;
            bottom: -140px;
            background: radial-gradient(circle, rgba(255,61,110,.26) 0%, rgba(255,61,110,0) 72%);
          }

          .db-profile-shell .db-court-ring {
            position: absolute;
            border-radius: 50%;
            border: 2px dashed rgba(22,58,56,.18);
            pointer-events: none;
          }

          .db-profile-shell .db-court-ring.r1 {
            width: 220px;
            height: 220px;
            top: 22px;
            left: 6%;
          }

          .db-profile-shell .db-court-ring.r2 {
            width: 160px;
            height: 160px;
            bottom: 28px;
            right: 10%;
          }

          .db-profile-head {
            position: relative;
            z-index: 1;
            display: flex;
            justify-content: space-between;
            gap: 20px;
            align-items: flex-end;
            margin-bottom: 18px;
          }

          .db-profile-eyebrow {
            margin: 0 0 8px;
            font: 700 .68rem/1 var(--db-body);
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--db-hero-accent);
          }

          .db-profile-title {
            margin: 0;
            font-family: var(--db-display);
            font-size: clamp(2rem, 3.4vw, 3rem);
            font-weight: 700;
            line-height: 1.03;
            color: var(--db-ink);
          }

          .db-profile-sub {
            margin: 8px 0 0;
            color: var(--db-hero-accent);
            font: 600 1rem/1.45 var(--db-body);
          }

          .db-profile-grid {
            position: relative;
            z-index: 1;
            display: block;
          }

          .db-panel {
            background: linear-gradient(140deg, var(--db-card), var(--db-card-deep));
            border: 1px solid rgba(22,58,56,.22);
            border-radius: 22px;
            padding: 20px;
            box-shadow: 0 20px 38px -26px rgba(7,24,22,.6);
            backdrop-filter: blur(2px);
          }

          .db-panel h3 {
            margin: 0 0 14px;
            font: 700 1.03rem/1.2 var(--db-body);
            color: var(--db-deep);
          }

          .db-notice {
            position: relative;
            z-index: 1;
            margin-bottom: 14px;
            border-radius: 14px;
            padding: 10px 12px;
            border: 1px solid rgba(22,58,56,.2);
            background: rgba(255,247,238,.78);
            color: var(--db-deep);
            font-size: 14px;
          }

          .db-profile-form {
            display: grid;
            gap: 16px;
          }

          .db-profile-form-layout {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
            gap: 20px;
            align-items: start;
          }

          .db-story-column {
            position: sticky;
            top: 100px;
            align-self: start;
          }

          .db-story-stack {
            display: grid;
            gap: 14px;
          }

          .db-story-card {
            border: 1px solid rgba(22,58,56,.16);
            border-radius: 16px;
            background: rgba(255,247,238,.66);
            padding: 14px;
          }

          .db-story-card h4 {
            margin: 0 0 10px;
            font: 800 .88rem/1.2 var(--db-body);
            color: #163a38;
            text-transform: uppercase;
            letter-spacing: .06em;
          }

          .db-edit-sections {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px;
          }

          .db-edit-card {
            border: 1px solid rgba(22,58,56,.16);
            border-radius: 16px;
            background: rgba(255,247,238,.66);
            padding: 14px;
          }

          .db-edit-card.full {
            grid-column: 1 / -1;
          }

          .db-edit-card h4 {
            margin: 0 0 10px;
            font: 800 .88rem/1.2 var(--db-body);
            color: #163a38;
            text-transform: uppercase;
            letter-spacing: .06em;
          }

          .db-form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
          }

          .db-form-grid .full {
            grid-column: 1 / -1;
          }

          .db-field {
            display: flex;
            flex-direction: column;
            gap: 6px;
          }

          .db-field label {
            font: 600 .65rem/1.2 var(--db-mono);
            letter-spacing: .08em;
            text-transform: uppercase;
            color: rgba(13,36,34,.78);
          }

          .db-field input,
          .db-field select,
          .db-field textarea {
            width: 100%;
            border: 1.5px solid rgba(22,58,56,.24);
            border-radius: 12px;
            padding: 11px 12px;
            background: rgba(255,247,238,.98);
            color: #101e1b;
            font: 500 .94rem/1.3 var(--db-body);
          }

          .db-field textarea { min-height: 110px; }

          .db-field input:focus,
          .db-field select:focus,
          .db-field textarea:focus {
            outline: none;
            border-color: var(--db-pink);
            background: rgba(255,247,238,.94);
          }

          .db-file-help {
            margin: 0;
            color: rgba(13,36,34,.72);
            font: 500 .78rem/1.45 var(--db-body);
          }

          .db-video-preview video {
            width: 100%;
            max-height: 260px;
            border-radius: 12px;
            display: block;
            background: #000;
          }

          .db-chip-row {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 0;
            padding: 0;
            list-style: none;
          }

          .db-chip {
            border: 1px solid rgba(22,58,56,.2);
            background: rgba(255,247,238,.74);
            color: var(--db-deep);
            border-radius: 999px;
            padding: 6px 10px;
            font: 600 .76rem/1 var(--db-body);
          }

          .db-btn {
            appearance: none !important;
            -webkit-appearance: none !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 100% !important;
            min-height: 52px !important;
            border: 0 !important;
            border-radius: 999px !important;
            padding: 13px 20px !important;
            color: #fff7ee !important;
            background: var(--db-pink) !important;
            font: 800 .86rem/1 var(--db-body) !important;
            letter-spacing: .07em !important;
            text-transform: uppercase !important;
            text-decoration: none !important;
            cursor: pointer !important;
            box-shadow: 0 12px 26px -12px rgba(255,61,110,.65) !important;
            line-height: 1 !important;
          }

          .db-btn:hover { filter: brightness(.96); }

          .db-story-lead {
            margin: 0 0 14px;
            color: rgba(13,36,34,.84);
            font: 500 .9rem/1.5 var(--db-body);
          }

          .db-story-video-frame {
            border: 1px solid rgba(22,58,56,.18);
            border-radius: 12px;
            padding: 8px;
            background: rgba(255,247,238,.65);
            margin-top: 8px;
          }

          .db-photo-uploader {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            padding: 10px;
            border: 1px solid rgba(22,58,56,.2);
            border-radius: 12px;
            background: rgba(255,247,238,.78);
          }

          .db-photo-avatar-col {
            min-width: 86px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
          }

          .db-photo-controls {
            flex: 1;
            min-width: 0;
          }

          .db-photo-uploader img {
            width: 86px;
            height: 86px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid rgba(22,58,56,.22);
            background: #ead7f8;
          }

          .db-photo-fallback {
            width: 86px;
            height: 86px;
            border-radius: 50%;
            border: 2px dashed rgba(22,58,56,.3);
            display: flex;
            align-items: center;
            justify-content: center;
            font: 700 1.15rem/1 var(--db-body);
            color: rgba(22,58,56,.7);
            background: #ead7f8;
          }

          .db-remove-photo-link {
            appearance: none !important;
            -webkit-appearance: none !important;
            border: 0 !important;
            background: transparent !important;
            color: #163a38 !important;
            padding: 0 !important;
            margin: 0 !important;
            min-height: 0 !important;
            font: 700 .66rem/1.2 var(--db-mono) !important;
            letter-spacing: .08em !important;
            text-transform: uppercase !important;
            text-decoration: underline !important;
            cursor: pointer !important;
            box-shadow: none !important;
          }

          .db-remove-photo-link.is-pending {
            opacity: .7;
            text-decoration: none !important;
            cursor: default !important;
          }

          @media (max-width: 980px) {
            .db-profile-form-layout { grid-template-columns: 1fr; }
            .db-edit-sections { grid-template-columns: 1fr; }
            .db-story-column { position: static; top: auto; }
          }

          @media (max-width: 680px) {
            .db-form-grid { grid-template-columns: 1fr; }
            .db-profile-head { flex-direction: column; align-items: flex-start; }
          }

              .db-member-gate{--ink:#163a38;--pink:#ff4f87;--lime:#d7f06b;--cream:#fff7ec;--lilac:#cbbcff;position:relative;width:100vw;min-height:680px;margin-left:calc(50% - 50vw);overflow:hidden;padding:100px 24px;background:radial-gradient(circle at 9% 18%,rgba(255,79,135,.18),transparent 28%),radial-gradient(circle at 92% 12%,rgba(203,188,255,.3),transparent 28%),radial-gradient(circle at 76% 92%,rgba(215,240,107,.26),transparent 30%),var(--cream);color:var(--ink);font:500 16px/1.65 Manrope,sans-serif}.db-member-gate *{box-sizing:border-box}.db-member-gate__inner{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.75fr);gap:76px;align-items:center}.db-member-gate__eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:2px solid var(--ink);border-radius:999px;background:var(--lime);box-shadow:4px 4px 0 var(--ink);font:700 11px/1 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.db-member-gate__eyebrow i{width:9px;height:9px;border-radius:50%;border:1px solid var(--ink);background:var(--pink)}.db-member-gate h1,.db-member-gate h2{margin:24px 0 0;color:var(--ink);font-family:Fraunces,Georgia,serif;letter-spacing:-.05em}.db-member-gate h1{max-width:700px;font-size:clamp(54px,7vw,92px);line-height:.92}.db-member-gate h1 em{display:block;color:var(--pink);font-style:italic}.db-member-gate__intro{max-width:650px;margin:30px 0 0;font-size:clamp(18px,2vw,21px)}.db-member-gate__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:32px}.db-member-gate a.db-member-gate__button{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:54px!important;padding:0 24px!important;border:2px solid var(--ink)!important;border-radius:999px!important;background:var(--pink)!important;color:#fff!important;font:800 15px/1 Manrope,sans-serif!important;text-decoration:none!important;text-transform:none!important;box-shadow:5px 5px 0 var(--ink)!important;transition:.18s!important}.db-member-gate a.db-member-gate__button:hover{transform:translate(3px,3px)!important;box-shadow:2px 2px 0 var(--ink)!important}.db-member-gate__note{font:700 11px/1.5 'Space Mono',monospace;opacity:.68}.db-member-gate__card-wrap{position:relative;padding:26px 20px}.db-member-gate__blob{position:absolute;border:3px solid var(--ink)}.db-member-gate__blob--pink{width:105px;height:105px;right:0;top:0;border-radius:55% 45%;background:var(--pink);transform:rotate(16deg)}.db-member-gate__blob--lilac{width:80px;height:80px;left:0;bottom:0;border-radius:42% 58%;background:var(--lilac)}.db-member-gate__card{position:relative;z-index:2;padding:40px 36px;border:3px solid var(--ink);border-radius:30px;background:#fff;box-shadow:12px 12px 0 var(--ink);transform:rotate(2deg);transition:.2s}.db-member-gate__card-wrap:hover .db-member-gate__card{transform:rotate(0) translate(3px,3px);box-shadow:8px 8px 0 var(--ink)}.db-member-gate__ball{position:absolute;right:28px;top:25px;width:62px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:#e4e514 url('https://dinkerbelle.com/wp-content/uploads/2026/09/yellow-glitter-1920x1080-1.webp') center/cover}.db-member-gate__card small{font:700 11px 'Space Mono',monospace;letter-spacing:.08em;color:var(--pink)}.db-member-gate__card h2{max-width:290px;font-size:clamp(36px,4vw,50px);line-height:.98}.db-member-gate__card ul{display:grid;gap:12px;margin:25px 0 0;padding:0;list-style:none;font-weight:800}.db-member-gate__card li{display:flex;align-items:center;gap:10px}.db-member-gate__card li span{display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;background:var(--lime);font-size:12px}@media(max-width:900px){.db-member-gate{padding:76px 20px}.db-member-gate__inner{grid-template-columns:1fr;gap:55px}.db-member-gate__copy{text-align:center}.db-member-gate__intro{margin-left:auto;margin-right:auto}.db-member-gate__actions{justify-content:center}.db-member-gate__card-wrap{width:min(560px,100%);margin:auto}}@media(max-width:600px){.db-member-gate{padding:60px 16px}.db-member-gate h1{font-size:clamp(48px,15vw,68px)}.db-member-gate__actions{display:grid}.db-member-gate__note{display:block}.db-member-gate__card{padding:32px 24px}.db-member-gate__ball{width:48px;right:18px}}

.db-member-view * { box-sizing: border-box; }
              .db-member-view {
                position: relative;
                overflow: hidden;
                width: 100vw;
                max-width: 100vw;
                margin-left: calc(50% - 50vw);
                margin-right: calc(50% - 50vw);
                margin-top: 0;
                margin-bottom: 0;
                padding: clamp(34px, 5vw, 62px) 0 clamp(40px, 5vw, 72px);
                border-radius: 0;
                background:
                  radial-gradient(circle at 86% 12%, rgba(214,247,59,.26), rgba(214,247,59,0) 40%),
                  radial-gradient(circle at 10% 84%, rgba(255,61,110,.2), rgba(255,61,110,0) 45%),
                  radial-gradient(circle at 58% 8%, rgba(255,255,255,.33), rgba(255,255,255,0) 42%),
                  linear-gradient(145deg, #f4ddf4 0%, #e8ddfb 43%, #ffeccd 100%);
              }

              .db-member-view:before,
              .db-member-view:after {
                content: "";
                position: absolute;
                pointer-events: none;
                border-radius: 50%;
              }

              .db-member-view:before {
                width: 420px;
                height: 420px;
                right: -150px;
                top: -190px;
                background: radial-gradient(circle, rgba(214,247,59,.4) 0%, rgba(214,247,59,0) 72%);
              }

              .db-member-view:after {
                width: 340px;
                height: 340px;
                left: -120px;
                bottom: -130px;
                background: radial-gradient(circle, rgba(255,61,110,.26) 0%, rgba(255,61,110,0) 72%);
              }

              .db-member-inner {
                position: relative;
                z-index: 1;
                max-width: 1180px;
                margin: 0 auto;
                padding: 0 clamp(16px, 3vw, 28px);
              }
              .db-member-back {
                display: inline-flex;
                margin-bottom: 14px;
                padding: 8px 12px;
                border-radius: 999px;
                text-decoration: none;
                color: #163a38;
                background: rgba(255,247,238,.92);
                border: 1px solid rgba(22,58,56,.16);
                font: 700 .73rem/1 "Manrope", sans-serif;
                letter-spacing: .05em;
                text-transform: uppercase;
              }
              .db-member-layout {
                display: grid;
                grid-template-columns: .95fr 1.25fr;
                gap: 18px;
              }
              .db-member-card {
                border: 1px solid rgba(22,58,56,.16);
                border-radius: 20px;
                background: linear-gradient(155deg, rgba(241,228,252,.95), rgba(255,246,235,.92));
                padding: 20px;
                box-shadow: 0 16px 32px -24px rgba(7,24,22,.5);
              }
              .db-member-photo-wrap {
                width: 140px;
                height: 140px;
                border-radius: 999px;
                overflow: hidden;
                border: 2px solid rgba(22,58,56,.22);
                background: #ead7f8;
                display: inline-flex;
                align-items: center;
                justify-content: center;
              }
              .db-member-photo {
                width: 100% !important;
                height: 100% !important;
                max-width: none !important;
                border-radius: 999px !important;
                object-fit: cover !important;
                object-position: center;
                clip-path: circle(50% at 50% 50%);
                display: block;
                border: 0 !important;
                background: #ead7f8;
              }
              .db-member-photo-fallback {
                width: 100%;
                height: 100%;
                border-radius: 999px;
                border: 2px dashed rgba(22,58,56,.28);
                display: flex;
                align-items: center;
                justify-content: center;
                font: 700 2rem/1 "Fraunces", serif;
                color: rgba(22,58,56,.7);
                background: #ead7f8;
              }
              .db-member-dbotm-badge {
                width: fit-content;
                margin-top: 13px;
                padding: 8px 12px;
                display: flex;
                align-items: center;
                gap: 8px;
                border: 1px solid rgba(23,63,58,.2);
                border-radius: 999px;
                color: #173f3a;
                background: linear-gradient(135deg, #d6f73b, #b9ddeb);
                box-shadow: 0 8px 20px -13px rgba(13,36,34,.65);
                font: 800 .65rem/1 "Manrope", sans-serif;
                letter-spacing: .06em;
                text-transform: uppercase;
              }
              .db-member-dbotm-badge::before {
                content: "★";
                color: #ff3d6e;
                font-size: .85rem;
              }
              .db-member-name {
                margin: 14px 0 6px;
                color: #0d2422;
                font: 700 clamp(1.5rem, 2.7vw, 2rem)/1.08 "Fraunces", serif;
              }
              .db-member-loc {
                margin: 0;
                color: rgba(13,36,34,.78);
                font: 600 .86rem/1.3 "Manrope", sans-serif;
              }
              .db-member-subtle {
                margin: 12px 0 0;
                width: 100%;
                height: 1px;
                background: linear-gradient(90deg, rgba(22,58,56,.2), rgba(22,58,56,0));
              }
              .db-member-empty {
                color: rgba(13,36,34,.62);
                font-style: italic;
              }
              .db-member-facts {
                margin-top: 14px;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
              }
              .db-member-fact {
                border: 1px solid rgba(22,58,56,.14);
                border-radius: 12px;
                background: rgba(255,247,238,.72);
                padding: 10px 11px;
              }
              .db-member-fact-label {
                margin: 0 0 4px;
                color: rgba(13,36,34,.62);
                font: 700 .65rem/1.2 "Manrope", sans-serif;
                letter-spacing: .07em;
                text-transform: uppercase;
              }
              .db-member-fact-value {
                margin: 0;
                color: #0d2422;
                font: 700 .92rem/1.25 "Manrope", sans-serif;
              }
              .db-member-content-grid {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 12px;
              }
              .db-member-section {
                margin: 0;
                border: 1px solid rgba(22,58,56,.12);
                border-radius: 14px;
                background: rgba(255,247,238,.7);
                padding: 12px;
              }
              .db-member-section.full {
                grid-column: 1 / -1;
              }
              .db-member-section h3 {
                margin: 0 0 8px;
                color: #0d2422;
                font: 800 1.02rem/1.2 "Manrope", sans-serif;
              }
              .db-member-section p {
                margin: 0;
                color: rgba(13,36,34,.84);
                font: 500 .9rem/1.5 "Manrope", sans-serif;
                white-space: pre-wrap;
              }
              .db-member-socials {
                display: grid;
                gap: 8px;
              }
              .db-member-social-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                padding: 8px 9px;
                border-radius: 10px;
                border: 1px solid rgba(22,58,56,.12);
                background: rgba(255,255,255,.56);
              }
              .db-member-social-label {
                color: rgba(13,36,34,.72);
                font: 700 .68rem/1.2 "Manrope", sans-serif;
                text-transform: uppercase;
                letter-spacing: .06em;
              }
              .db-member-social-value {
                color: #163a38;
                font: 700 .82rem/1.2 "Manrope", sans-serif;
                text-align: right;
                word-break: break-word;
              }
              .db-member-social-value a {
                text-decoration: none;
                color: #163a38;
                border-bottom: 1px dotted rgba(22,58,56,.35);
              }

              .db-member-social-empty {
                margin: 0;
                color: rgba(13,36,34,.72);
                font: 500 .86rem/1.45 "Manrope", sans-serif;
              }
              .db-member-video {
                margin-top: 10px;
                border-radius: 12px;
                overflow: hidden;
                border: 1px solid rgba(22,58,56,.18);
                background: #000;
              }
              .db-member-video video {
                width: 100%;
                display: block;
                max-height: 360px;
              }
              @media (max-width: 920px) {
                .db-member-layout { grid-template-columns: 1fr; }
                .db-member-content-grid { grid-template-columns: 1fr; }
              }

.db-member-directory * { box-sizing: border-box; }

          .db-member-directory {
            position: relative;
            overflow: hidden;
            width: 100vw;
            max-width: 100vw;
            margin-left: calc(50% - 50vw);
            margin-right: calc(50% - 50vw);
            margin-top: 0;
            margin-bottom: 0;
            padding: clamp(34px, 5vw, 62px) 0 clamp(42px, 6vw, 80px);
            border-radius: 0;
            background:
              radial-gradient(circle at 86% 12%, rgba(214,247,59,.26), rgba(214,247,59,0) 40%),
              radial-gradient(circle at 10% 84%, rgba(255,61,110,.2), rgba(255,61,110,0) 45%),
              radial-gradient(circle at 58% 8%, rgba(255,255,255,.33), rgba(255,255,255,0) 42%),
              linear-gradient(145deg, #f4ddf4 0%, #e8ddfb 43%, #ffeccd 100%);
          }

          .db-member-directory:before,
          .db-member-directory:after {
            content: "";
            position: absolute;
            pointer-events: none;
            border-radius: 50%;
          }

          .db-member-directory:before {
            width: 420px;
            height: 420px;
            right: -150px;
            top: -190px;
            background: radial-gradient(circle, rgba(214,247,59,.4) 0%, rgba(214,247,59,0) 72%);
          }

          .db-member-directory:after {
            width: 340px;
            height: 340px;
            left: -120px;
            bottom: -130px;
            background: radial-gradient(circle, rgba(255,61,110,.26) 0%, rgba(255,61,110,0) 72%);
          }

          .db-member-directory-inner {
            position: relative;
            z-index: 1;
            max-width: 1180px;
            margin: 0 auto;
            padding: 0 clamp(16px, 3vw, 28px);
          }

          .db-dir-head {
            margin-bottom: 14px;
          }

          .db-dir-hero {
            border: 1px solid rgba(22,58,56,.18);
            border-radius: 22px;
            background: linear-gradient(135deg, rgba(255,247,238,.86), rgba(245,227,250,.86));
            padding: clamp(16px, 2.8vw, 24px);
            margin-bottom: 16px;
            box-shadow: 0 16px 30px -24px rgba(7,24,22,.48);
          }

          .db-dir-kpis {
            margin-top: 14px;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }

          .db-dir-kpis span {
            border-radius: 999px;
            border: 1px solid rgba(22,58,56,.16);
            background: rgba(255,255,255,.64);
            color: #163a38;
            padding: 5px 9px;
            font: 700 .67rem/1 var(--db-body);
            font-size: .67rem !important;
            line-height: 1.05 !important;
            letter-spacing: .04em;
            text-transform: uppercase;
          }

          .db-state-map {
            margin-top: 14px;
            border: 1px solid rgba(22,58,56,.16);
            border-radius: 18px;
            padding: 12px;
            background:
              radial-gradient(circle at 82% 14%, rgba(214,247,59,.28), rgba(214,247,59,0) 42%),
              radial-gradient(circle at 18% 86%, rgba(255,61,110,.16), rgba(255,61,110,0) 45%),
              rgba(255,255,255,.58);
            display: grid;
            grid-template-columns: 1.2fr .8fr;
            gap: 12px;
          }

          .db-state-map-title {
            margin: 0 0 8px;
            font: 700 .78rem/1.2 var(--db-mono);
            letter-spacing: .08em;
            text-transform: uppercase;
            color: rgba(13,36,34,.78);
          }

          .db-state-map-wrap {
            position: relative;
            border: 1px dashed rgba(22,58,56,.22);
            border-radius: 14px;
            background: rgba(255,255,255,.52);
            padding: 10px;
            overflow: hidden;
          }

          .db-us-map-host {
            position: relative;
            width: 100%;
            aspect-ratio: 959 / 593;
            min-height: 220px;
          }

          .db-us-map-host svg {
            width: 100%;
            height: 100%;
            display: block;
          }

          .db-us-map-host .db-map-state {
            cursor: pointer;
            transition: fill .18s ease, stroke .18s ease, opacity .18s ease;
          }

          .db-us-map-host .db-map-state.db-empty {
            opacity: .86;
          }

          .db-us-map-host .db-map-state.db-active {
            stroke: #ff3d6e !important;
            stroke-width: 2.2px !important;
          }

          .db-map-tooltip {
            position: absolute;
            z-index: 10;
            pointer-events: none;
            opacity: 0;
            transform: translate(-50%, -130%);
            transition: opacity .12s ease;
            border: 1px solid rgba(22,58,56,.18);
            border-radius: 10px;
            background: rgba(255,247,238,.96);
            color: #163a38;
            padding: 7px 9px;
            white-space: nowrap;
            box-shadow: 0 12px 20px -16px rgba(7,24,22,.6);
            font: 700 .72rem/1.2 var(--db-body);
          }

          .db-map-tooltip.show {
            opacity: 1;
          }

          .db-state-map-help {
            margin: 8px 0 0;
            color: rgba(13,36,34,.74);
            font: 600 .74rem/1.3 var(--db-body);
          }

          .db-state-bubbles {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            align-content: flex-start;
            max-height: 216px;
            overflow: auto;
            padding-right: 2px;
          }

          .db-state-bubble {
            text-decoration: none;
            border-radius: 999px;
            border: 1px solid rgba(22,58,56,.18);
            background: rgba(236,225,247,.9);
            color: #163a38;
            padding: 6px 9px;
            font: 700 .68rem/1 var(--db-body);
            font-size: .68rem !important;
            line-height: 1.05 !important;
            transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
          }

          .db-state-bubble:hover {
            transform: translateY(-2px) scale(1.03);
            box-shadow: 0 10px 16px -10px rgba(22,58,56,.45);
            background: rgba(214,247,59,.62);
          }

          .db-state-bubble.active {
            background: rgba(255,61,110,.92);
            border-color: rgba(255,61,110,.92);
            color: #fff7ee;
          }

          @media (max-width: 980px) {
            .db-state-map {
              grid-template-columns: 1fr;
            }
          }

          .db-dir-head h2 {
            margin: 0;
            color: #0d2422;
            font: 700 clamp(2rem, 3.2vw, 2.8rem)/1.04 "Fraunces", serif;
          }

          .db-dir-head p {
            margin: 8px 0 0;
            color: rgba(13,36,34,.8);
            font: 600 1rem/1.45 "Manrope", sans-serif;
          }

          .db-dir-search {
            display: grid;
            grid-template-columns: 1fr auto auto;
            gap: 10px;
            margin-bottom: 16px;
          }

          .db-dir-search input {
            border: 1.5px solid rgba(22,58,56,.2);
            border-radius: 999px;
            padding: 12px 14px;
            font: 500 .92rem/1 "Manrope", sans-serif;
            background: rgba(255,247,238,.94);
          }

          .db-dir-search button {
            border: 0;
            border-radius: 999px;
            padding: 9px 12px;
            color: #fff;
            background: #ff3d6e;
            text-decoration: none;
            font: 700 .72rem/1 "Manrope", sans-serif;
            font-size: .72rem !important;
            line-height: 1.05 !important;
            text-transform: uppercase;
            letter-spacing: .04em;
          }

          .db-dir-search .db-clear {
            border: 1px solid rgba(22,58,56,.2);
            border-radius: 999px;
            padding: 9px 12px;
            color: #163a38;
            background: rgba(255,247,238,.94);
            text-decoration: none;
            font: 700 .72rem/1 var(--db-body);
            font-size: .72rem !important;
            line-height: 1.05 !important;
            text-transform: uppercase;
            letter-spacing: .04em;
          }

          .db-dir-list {
            background: linear-gradient(155deg, rgba(241,228,252,.95), rgba(255,246,235,.92));
            border: 1px solid rgba(22,58,56,.17);
            border-radius: 20px;
            padding: 16px;
            box-shadow: 0 16px 34px -26px rgba(7,24,22,.56);
          }

          .db-cards {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
          }

          .db-card {
            border: 1.5px solid transparent;
            border-radius: 16px;
            padding: 12px;
            background:
              linear-gradient(160deg, rgba(255,247,238,.98), rgba(244,228,250,.92)) padding-box,
              linear-gradient(145deg, rgba(255,61,110,.35), rgba(214,247,59,.45), rgba(155,210,255,.38)) border-box;
            display: flex;
            flex-direction: column;
            gap: 6px;
            min-height: 0;
            box-shadow: 0 14px 28px -24px rgba(7,24,22,.55);
            transition: transform .16s ease, box-shadow .18s ease;
          }

          .db-card-link {
            text-decoration: none;
            color: inherit;
            cursor: pointer;
          }

          .db-card-link:hover,
          .db-card-link:focus-visible {
            transform: translateY(-2px);
            box-shadow: 0 20px 30px -24px rgba(7,24,22,.65);
          }

          .db-card-link:focus-visible {
            outline: 2px solid rgba(255,61,110,.45);
            outline-offset: 2px;
          }

          .db-card:nth-child(6n+1) {
            background:
              linear-gradient(160deg, rgba(255,247,238,.98), rgba(244,228,250,.92)) padding-box,
              linear-gradient(145deg, rgba(255,61,110,.45), rgba(255,180,217,.5), rgba(255,127,166,.42)) border-box;
          }

          .db-card:nth-child(6n+2) {
            background:
              linear-gradient(160deg, rgba(255,247,238,.98), rgba(244,228,250,.92)) padding-box,
              linear-gradient(145deg, rgba(214,247,59,.52), rgba(178,241,142,.45), rgba(107,214,180,.4)) border-box;
          }

          .db-card:nth-child(6n+3) {
            background:
              linear-gradient(160deg, rgba(255,247,238,.98), rgba(244,228,250,.92)) padding-box,
              linear-gradient(145deg, rgba(155,210,255,.5), rgba(181,198,255,.42), rgba(196,171,255,.4)) border-box;
          }

          .db-card:nth-child(6n+4) {
            background:
              linear-gradient(160deg, rgba(255,247,238,.98), rgba(244,228,250,.92)) padding-box,
              linear-gradient(145deg, rgba(255,187,156,.5), rgba(255,219,165,.42), rgba(255,161,214,.38)) border-box;
          }

          .db-card:nth-child(6n+5) {
            background:
              linear-gradient(160deg, rgba(255,247,238,.98), rgba(244,228,250,.92)) padding-box,
              linear-gradient(145deg, rgba(167,239,228,.52), rgba(135,213,255,.45), rgba(123,173,255,.38)) border-box;
          }

          .db-card:nth-child(6n+6) {
            background:
              linear-gradient(160deg, rgba(255,247,238,.98), rgba(244,228,250,.92)) padding-box,
              linear-gradient(145deg, rgba(244,180,255,.5), rgba(226,196,255,.42), rgba(174,236,255,.38)) border-box;
          }

          .db-card-top {
            display: flex;
            align-items: center;
            gap: 11px;
            margin-bottom: 0;
          }

          .db-card-avatar-shell {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 58px;
            height: 58px;
            min-width: 58px;
            border-radius: 999px !important;
            overflow: hidden !important;
            border: 2px solid rgba(22,58,56,.18);
            background: #ead7f8;
            box-shadow: 0 8px 16px -12px rgba(22,58,56,.65);
          }

          .db-card-avatar {
            width: 100% !important;
            height: 100% !important;
            border-radius: 999px !important;
            object-fit: cover;
            object-position: center;
            display: block;
            border: 0 !important;
            background: #ead7f8;
            clip-path: circle(50% at 50% 50%);
          }

          .db-card-avatar-fallback {
            width: 58px;
            height: 58px;
            border-radius: 50%;
            border: 1px dashed rgba(22,58,56,.3);
            display: flex;
            align-items: center;
            justify-content: center;
            font: 700 1.05rem/1 "Manrope", sans-serif;
            color: rgba(22,58,56,.7);
            background: #ead7f8;
            flex: 0 0 58px;
          }

          .db-card h3 {
            margin: 0;
            color: #0d2422;
            font: 700 1.12rem/1.2 "Manrope", sans-serif;
          }

          .db-card-loc {
            margin: 0;
            color: rgba(13,36,34,.8);
            font: 600 .88rem/1.35 "Manrope", sans-serif;
          }

          .db-pagination {
            margin-top: 12px;
            display: flex;
            gap: 6px;
            flex-wrap: wrap;
            align-items: center;
          }

          .db-pagination a,
          .db-pagination span {
            border-radius: 999px;
            border: 1px solid rgba(22,58,56,.2);
            padding: 6px 10px;
            font: 600 .75rem/1 "Manrope", sans-serif;
            text-decoration: none;
            color: #163a38;
            background: rgba(255,247,238,.82);
          }

          .db-pagination .current {
            background: #163a38;
            color: #fff;
          }

          .db-page-summary {
            margin: 0 0 10px;
            color: rgba(13,36,34,.8);
            font: 700 .78rem/1.3 var(--db-mono);
            letter-spacing: .05em;
            text-transform: uppercase;
          }

          .db-search-summary {
            margin: 0 0 10px;
            color: rgba(13,36,34,.82);
            font: 700 .82rem/1.3 var(--db-mono);
            letter-spacing: .06em;
            text-transform: uppercase;
          }

          @media (max-width: 980px) {
            .db-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
          }

          @media (max-width: 720px) {
            .db-cards { grid-template-columns: 1fr; }
            .db-dir-search { grid-template-columns: 1fr; }
          }