/* Hind font is loaded globally via head.cfm */

#Buz-member-app-template *, #Buz-member-app-template *::before, #Buz-member-app-template *::after { box-sizing: border-box; }

    #Buz-member-app-template {
      --blue: #2878B6;
      --blue-dark: #1F3C57;
      --blue-mid: #3488C6;
      --blue-light: #E3F0FA;
      --gold: #E9B01F;
      --gold-light: #FFF8E1;
      --ink: #111827;
      --ink2: #333333;
      --ink3: #666666;
      --ink4: #999999;
      --white: #FFFFFF;
      --bg-nav: #F3F3F3;
      --bg-section: #F9FAFB;
      --bg-cream: #FFFCF4;
      --card-border: #F3F4F6;
      --border2: #E5E7EB;
      --shadow-card: 0px 20px 25px -5px rgba(0,0,0,.10);
      --shadow-soft: 0 18px 38px rgba(31,60,87,.10);
      --shadow-panel: 0 12px 28px rgba(17,24,39,.08);
      --radius-lg: 16px;
      --radius-md: 10px;
      --radius-sm: 8px;
      --phone-w: 284px;
      --screen-h: 558px;
      --green: var(--blue-dark);
      --green-mid: var(--blue);
      --green-light: var(--blue-light);
      --cream: var(--bg-section);
      --cream2: var(--card-border);
      --cream3: var(--border2);
      --border: var(--border2);
      --tile-alt: #F4F7FB;
      --yellow: #FFF7D6;
      --yellow-b: #D4A017;
      --purple: #EDE9FF;
      --purple-b: #6B4DC4;
      --ui-blue: #E0EEFF;
      --ui-blue-b: #2466B8;
      --red: #B03C3C;
    }
#Buz-member-app-template {
      margin: 0;
      font-family: 'Hind', sans-serif;
      color: var(--ink3);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    #Buz-member-app-template a { color: inherit; text-decoration: none; }
    #Buz-member-app-template button { font: inherit; }
    #Buz-member-app-template img, #Buz-member-app-template svg { display: block; }
    #Buz-member-app-template [id] { scroll-margin-top: 96px; }

    #Buz-member-app-template .cma-container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 40px;
    }

    #Buz-member-app-template .cma-section { padding: 72px 0; }

    #Buz-member-app-template .cma-section-header {
      margin-bottom: 44px;
    }

    #Buz-member-app-template .cma-section-header.cma-center {
      max-width: 760px;
      margin: 0 auto 44px;
      text-align: center;
    }

    #Buz-member-app-template .cma-section-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border-radius: 999px;
      background: var(--blue-light);
      color: var(--blue);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    #Buz-member-app-template .cma-section-kicker::before {
      content: '';
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--blue);
    }

    #Buz-member-app-template .cma-section-header h2,
    #Buz-member-app-template .cma-mid-copy h2,
    #Buz-member-app-template .cma-account-intro h2,
    #Buz-member-app-template .cma-benefits-copy h2,
    #Buz-member-app-template .cma-cta h2 {
      margin: 14px 0 12px;
      font-size: clamp(32px, 4vw, 39px);
      font-weight: 600;
      line-height: 1.15;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-section-header p,
    #Buz-member-app-template .cma-mid-copy p,
    #Buz-member-app-template .cma-account-intro p,
    #Buz-member-app-template .cma-benefits-copy p,
    #Buz-member-app-template .cma-cta p {
      margin: 0;
      font-size: 16px;
      color: var(--ink3);
    }

    #Buz-member-app-template .cma-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 12px 32px;
      border: none;
      border-radius: 0;
      font-size: 16px;
      font-weight: 600;
      line-height: 1;
      cursor: pointer;
      transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease;
    }

    #Buz-member-app-template .cma-btn:hover {
      transform: translateY(-1px);
      opacity: .95;
    }

    #Buz-member-app-template .cma-btn-sm {
      padding: 8px 20px;
      font-size: 15px;
    }

    #Buz-member-app-template .cma-btn-blue {
      background: var(--blue);
      color: var(--white);
    }

    #Buz-member-app-template .cma-btn-gold {
      background: var(--gold);
      color: var(--blue-dark);
    }

    #Buz-member-app-template .cma-site-nav {
      position: sticky;
      top: 0;
      z-index: 100;
      background: var(--bg-nav);
      border-bottom: 1px solid var(--border2);
    }

    #Buz-member-app-template .cma-nav-inner {
      max-width: 1280px;
      min-height: 70px;
      margin: 0 auto;
      padding: 0 40px;
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 28px;
    }

    #Buz-member-app-template .cma-brand {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
    }

    #Buz-member-app-template .cma-brand-mark {
      width: 38px;
      height: 38px;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-brand-copy {
      display: flex;
      flex-direction: column;
      line-height: 1.05;
    }

    #Buz-member-app-template .cma-brand-title {
      font-size: 22px;
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-brand-subtitle {
      font-size: 12px;
      font-weight: 500;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-nav-links {
      display: flex;
      justify-content: center;
      gap: 28px;
      list-style: none;
      padding: 0;
      margin: 0;
    }

    #Buz-member-app-template .cma-nav-links a {
      font-size: 15px;
      font-weight: 500;
      color: var(--ink2);
      transition: color .18s ease;
    }

    #Buz-member-app-template .cma-nav-links a.is-active,
    #Buz-member-app-template .cma-nav-links a[aria-current="page"] {
      color: var(--blue);
    }

    #Buz-member-app-template .cma-nav-links a:hover { color: var(--blue); }

    #Buz-member-app-template .cma-nav-actions {
      display: flex;
      gap: 12px;
      align-items: center;
    }

    #Buz-member-app-template .cma-hero {
      position: relative;
      overflow: hidden;
      min-height: 90vh;
      background: linear-gradient(135deg, #2878B6 0%, #1F3C57 100%);
    }

    #Buz-member-app-template .cma-hero::before,
    #Buz-member-app-template .cma-hero::after {
      content: '';
      position: absolute;
      border-radius: 50%;
      background: rgba(255,255,255,.08);
      pointer-events: none;
    }

    #Buz-member-app-template .cma-hero::before {
      width: 420px;
      height: 420px;
      top: -180px;
      right: -90px;
    }

    #Buz-member-app-template .cma-hero::after {
      width: 280px;
      height: 280px;
      bottom: -120px;
      left: -80px;
      background: rgba(255,255,255,.05);
    }

    #Buz-member-app-template .cma-hero-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 356px;
      gap: 40px;
      align-items: center;
      min-height: 90vh;
      padding: 36px 0;
    }

    #Buz-member-app-template .cma-breadcrumb {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 18px;
      font-size: 14px;
      font-weight: 600;
      color: rgba(255,255,255,.72);
    }

    #Buz-member-app-template .cma-breadcrumb span:first-child { color: var(--gold); }

    #Buz-member-app-template .cma-hero h1 {
      margin: 0 0 12px;
      font-size: clamp(36px, 4vw, 42px);
      font-weight: 600;
      line-height: 1.08;
      color: var(--white);
    }

    #Buz-member-app-template .cma-hero p {
      max-width: 560px;
      margin: 0 0 24px;
      font-size: 20px;
      font-weight: 400;
      color: rgba(255,255,255,.8);
    }

    #Buz-member-app-template .cma-hero-preview {
      position: relative;
      display: flex;
      justify-content: center;
      justify-self: end;
      width: min(100%, 336px);
    }

    #Buz-member-app-template .cma-hero-device {
      position: relative;
    }

    #Buz-member-app-template .cma-hero-device::before {
      content: '';
      position: absolute;
      inset: auto -22px 18px auto;
      width: 148px;
      height: 148px;
      border-radius: 50%;
      background: rgba(233,176,31,.16);
      filter: blur(14px);
    }

    #Buz-member-app-template .cma-hero-device-shell {
      position: relative;
      width: 284px;
      padding: 10px;
      border-radius: 46px;
      background: #161616;
      box-shadow:
        0 0 0 1px #2A2A2A,
        0 28px 64px rgba(0,0,0,.24),
        0 8px 24px rgba(0,0,0,.14);
    }

    #Buz-member-app-template .cma-hero-device-shell::before {
      content: '';
      position: absolute;
      left: -3.5px;
      top: 124px;
      width: 3.5px;
      height: 60px;
      border-radius: 3px 0 0 3px;
      background: #242424;
      box-shadow: 0 74px 0 #242424;
    }

    #Buz-member-app-template .cma-hero-device-shell::after {
      content: '';
      position: absolute;
      right: -3.5px;
      top: 144px;
      width: 3.5px;
      height: 72px;
      border-radius: 0 3px 3px 0;
      background: #242424;
    }

    #Buz-member-app-template .cma-hero-device-screen {
      position: relative;
      overflow: hidden;
      height: 558px;
      border-radius: 37px;
      background: var(--white);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-app-hdr {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 18px 18px 12px;
      border-bottom: 1px solid var(--border);
      background: var(--white);
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-logo-circle {
      width: 32px;
      height: 32px;
      overflow: hidden;
      border-radius: 50%;
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: inset 0 0 0 1px rgba(31,60,87,.08);
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-logo-circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-burger {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-burger span {
      display: block;
      width: 17px;
      height: 1.8px;
      border-radius: 1px;
      background: var(--ink);
    }

    #Buz-member-app-template .cma-hero-device-viewport {
      flex: 1;
      overflow: auto;
      overscroll-behavior: contain;
      scrollbar-width: none;
      background:
        radial-gradient(circle at top right, rgba(40,120,182,.12), transparent 38%),
        linear-gradient(180deg, #FFFFFF 0%, #F6FAFE 100%);
    }

    #Buz-member-app-template .cma-hero-device-viewport::-webkit-scrollbar {
      display: none;
    }

    #Buz-member-app-template .cma-hero-device-flow {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 10px 10px 18px;
    }

    #Buz-member-app-template .cma-hero-spotlight-card {
      padding: 36px 12px;
      border-radius: 0;
      background: linear-gradient(135deg, #2878B6 0%, #1F3C57 100%);
      color: var(--white);
      box-shadow: 0 12px 24px rgba(31,60,87,.14);
    }

    #Buz-member-app-template .cma-hero-spotlight-copy strong {
      display: block;
      margin-bottom: 5px;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.12;
      letter-spacing: -.02em;
    }

    #Buz-member-app-template .cma-hero-spotlight-copy span {
      display: block;
      max-width: 185px;
      font-size: 11px;
      line-height: 1.35;
      color: rgba(255,255,255,.78);
    }

    #Buz-member-app-template .cma-hero-spotlight-meta {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
      margin-top: 10px;
    }

    #Buz-member-app-template .cma-hero-spotlight-meta div {
      padding: 8px;
      border-radius: 11px;
      background: rgba(255,255,255,.12);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
    }

    #Buz-member-app-template .cma-hero-spotlight-meta small {
      display: block;
      margin-bottom: 4px;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(255,255,255,.68);
    }

    #Buz-member-app-template .cma-hero-spotlight-meta strong {
      display: block;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.25;
      color: var(--white);
    }

    #Buz-member-app-template .cma-hero-device-section {
      display: flex;
      flex-direction: column;
      gap: 7px;
    }

    #Buz-member-app-template .cma-hero-device-section-head {
      display: block;
    }

    #Buz-member-app-template .cma-hero-device-section-head strong {
      display: block;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.15;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-hero-action-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
    }

    #Buz-member-app-template .cma-hero-action-card {
      padding: 10px;
      border: 1px solid var(--border2);
      border-radius: 12px;
      background: rgba(255,255,255,.9);
      box-shadow: 0 6px 14px rgba(17,24,39,.05);
    }

    #Buz-member-app-template .cma-hero-action-card strong,
    #Buz-member-app-template .cma-hero-upcoming-copy strong,
    #Buz-member-app-template .cma-hero-event-copy strong,
    #Buz-member-app-template .cma-hero-id-copy strong {
      display: block;
      font-size: 11.5px;
      font-weight: 700;
      line-height: 1.25;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-hero-action-card span:last-child,
    #Buz-member-app-template .cma-hero-upcoming-copy span,
    #Buz-member-app-template .cma-hero-event-copy span,
    #Buz-member-app-template .cma-hero-id-copy span:last-child {
      display: block;
      margin-top: 3px;
      font-size: 10px;
      line-height: 1.3;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-hero-upcoming-card,
    #Buz-member-app-template .cma-hero-event-card,
    #Buz-member-app-template .cma-hero-balance-card {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px;
      border: 1px solid var(--border2);
      border-radius: 12px;
      background: rgba(255,255,255,.94);
      box-shadow: 0 6px 14px rgba(17,24,39,.05);
    }

    #Buz-member-app-template .cma-hero-upcoming-time {
      min-width: 62px;
      padding: 7px;
      border-radius: 10px;
      background: var(--blue-light);
      text-align: center;
    }

    #Buz-member-app-template .cma-hero-upcoming-time span,
    #Buz-member-app-template .cma-hero-id-label,
    #Buz-member-app-template .cma-hero-balance-label {
      display: block;
      margin-bottom: 2px;
      font-size: 9px;
      font-weight: 600;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-hero-upcoming-time strong,
    #Buz-member-app-template .cma-hero-balance-card strong {
      display: block;
      font-size: 11.5px;
      font-weight: 700;
      line-height: 1.2;
      color: var(--blue-dark);
    }

    #Buz-member-app-template .cma-hero-upcoming-copy {
      flex: 1;
    }

    #Buz-member-app-template .cma-hero-event-stripe {
      width: 4px;
      align-self: stretch;
      border-radius: 999px;
      background: var(--gold);
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-hero-event-copy {
      flex: 1;
    }

    #Buz-member-app-template .cma-hero-event-pill {
      padding: 3px 7px;
      border-radius: 999px;
      background: var(--gold-light);
      color: #8B6511;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    #Buz-member-app-template .cma-hero-id-card {
      display: grid;
      grid-template-columns: 1fr 54px;
      gap: 12px;
      align-items: center;
      padding: 12px;
      border-radius: 14px;
      background: linear-gradient(135deg, #2878B6 0%, #1F3C57 100%);
      box-shadow: 0 10px 22px rgba(31,60,87,.14);
    }

    #Buz-member-app-template .cma-hero-id-copy strong {
      color: var(--white);
    }

    #Buz-member-app-template .cma-hero-id-copy .cma-hero-id-label,
    #Buz-member-app-template .cma-hero-id-copy span:last-child {
      color: rgba(255,255,255,.74);
    }

    #Buz-member-app-template .cma-hero-id-qr {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2px;
      padding: 4px;
      border-radius: 7px;
      background: rgba(255,255,255,.92);
    }

    #Buz-member-app-template .cma-hero-id-qr span {
      display: block;
      aspect-ratio: 1;
      border-radius: 1px;
      background: transparent;
    }

    #Buz-member-app-template .cma-hero-id-qr span:nth-child(1),
    #Buz-member-app-template .cma-hero-id-qr span:nth-child(2),
    #Buz-member-app-template .cma-hero-id-qr span:nth-child(5),
    #Buz-member-app-template .cma-hero-id-qr span:nth-child(8),
    #Buz-member-app-template .cma-hero-id-qr span:nth-child(9),
    #Buz-member-app-template .cma-hero-id-qr span:nth-child(10),
    #Buz-member-app-template .cma-hero-id-qr span:nth-child(12),
    #Buz-member-app-template .cma-hero-id-qr span:nth-child(13),
    #Buz-member-app-template .cma-hero-id-qr span:nth-child(15),
    #Buz-member-app-template .cma-hero-id-qr span:nth-child(16) {
      background: var(--blue-dark);
    }

    #Buz-member-app-template .cma-hero-balance-card {
      justify-content: flex-start;
    }

    #Buz-member-app-template .cma-hero-balance-card strong {
      font-size: 17px;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-tab-bar {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      border-top: 1px solid var(--border);
      background: var(--white);
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-tab {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 3px;
      padding: 8px 2px 5px;
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-tab-lbl {
      font-size: 8.5px;
      color: var(--ink4);
      letter-spacing: .01em;
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-tab.cma-active .cma-tab-lbl {
      color: var(--blue);
      font-weight: 700;
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-tab.cma-active [stroke="#1A4F30"],
    #Buz-member-app-template .cma-hero-device-screen .cma-tab.cma-active [fill="#1A4F30"] {
      stroke: var(--blue);
      fill: var(--blue);
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-home-bar {
      display: flex;
      justify-content: center;
      padding: 5px 0 8px;
      background: var(--white);
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-hero-device-screen .cma-home-bar span {
      width: 66px;
      height: 3.5px;
      border-radius: 2px;
      background: rgba(0,0,0,.22);
    }

    #Buz-member-app-template .cma-core-features {
      background: var(--white);
    }

    #Buz-member-app-template .cma-core-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    #Buz-member-app-template .cma-feat-card {
      display: flex;
      flex-direction: column;
      background: var(--white);
      border: 1px solid var(--card-border);
      border-radius: 10px;
      box-shadow: 0px 20px 25px -5px rgba(0,0,0,.10);
      overflow: hidden;
      transition: transform .22s ease, box-shadow .22s ease;
    }

    #Buz-member-app-template .cma-feat-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 22px 32px -12px rgba(17,24,39,.18);
    }

    #Buz-member-app-template .cma-core-features .cma-card-graphic {
      padding: 28px 22px 18px;
      display: flex;
      flex-direction: column;
      gap: 14px;
      align-items: flex-start;
      justify-content: flex-start;
      background: var(--white);
      min-height: 154px;
    }

    #Buz-member-app-template .cma-core-features .cma-tile-icon {
      width: 48px;
      height: 48px;
      border-radius: 8px;
      background: var(--gold);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: inset 0 0 0 1px rgba(17,24,39,.04);
    }

    #Buz-member-app-template .cma-core-features .cma-tile-icon svg {
      width: 24px;
      height: 24px;
    }

    #Buz-member-app-template .cma-core-features .cma-tile-icon svg [stroke="#1A4F30"],
    #Buz-member-app-template .cma-core-features .cma-tile-icon svg [stroke="#0E3020"],
    #Buz-member-app-template .cma-core-features .cma-tile-icon svg [stroke="#2A7048"],
    #Buz-member-app-template .cma-core-features .cma-tile-icon svg [stroke="#2D7A52"],
    #Buz-member-app-template .cma-core-features .cma-tile-icon svg [stroke="#1E5C37"] {
      stroke: var(--white);
    }

    #Buz-member-app-template .cma-core-features .cma-tile-icon svg [fill="#1A4F30"],
    #Buz-member-app-template .cma-core-features .cma-tile-icon svg [fill="#0E3020"],
    #Buz-member-app-template .cma-core-features .cma-tile-icon svg [fill="#2A7048"],
    #Buz-member-app-template .cma-core-features .cma-tile-icon svg [fill="#2D7A52"],
    #Buz-member-app-template .cma-core-features .cma-tile-icon svg [fill="#1E5C37"] {
      fill: var(--white);
    }

    #Buz-member-app-template .cma-tile-label {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--blue-dark);
    }

    #Buz-member-app-template .cma-core-features .cma-card-copy {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 0 22px 22px;
    }

    #Buz-member-app-template .cma-core-features .cma-card-copy h3 {
      margin: 0 0 8px;
      font-size: 23px;
      font-weight: 700;
      line-height: 1.15;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-core-features .cma-card-copy p {
      margin: 0;
      font-size: 16px;
      color: var(--ink3);
      line-height: 1.55;
    }

    #Buz-member-app-template .cma-learn-more {
      margin-top: auto;
      padding-top: 16px;
      font-size: 16px;
      font-weight: 600;
      color: var(--blue);
    }

    #Buz-member-app-template .cma-showcase-intro {
      background: var(--white);
      padding-bottom: 28px;
    }

    #Buz-member-app-template .cma-showcase-section {
      padding: 72px 0;
    }

    #Buz-member-app-template .cma-showcase-grid {
      display: grid;
      grid-template-columns: var(--phone-w) minmax(0, 1fr);
      gap: 72px;
      align-items: center;
    }

    #Buz-member-app-template .cma-showcase-grid.cma-reverse {
      grid-template-columns: minmax(0, 1fr) var(--phone-w);
    }

    #Buz-member-app-template .cma-showcase-grid.cma-reverse .cma-text-col { order: 1; }
    #Buz-member-app-template .cma-showcase-grid.cma-reverse .cma-phone-col { order: 2; }

    #Buz-member-app-template .cma-phone-col {
      display: flex;
      justify-content: center;
    }

    #Buz-member-app-template .cma-showcase-section .cma-feat-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border-radius: 999px;
      background: var(--blue-light);
      color: var(--blue);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    #Buz-member-app-template .cma-showcase-section .cma-feat-tag .cma-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--blue);
    }

    #Buz-member-app-template .cma-showcase-section .cma-text-col h2 {
      margin: 14px 0 14px;
      font-size: clamp(24px, 3vw, 27px);
      font-weight: 600;
      line-height: 1.18;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-showcase-section .cma-text-col p {
      margin: 0 0 24px;
      font-size: 16px;
      color: var(--ink3);
    }

    #Buz-member-app-template .cma-check-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #Buz-member-app-template .cma-check-list li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 16px;
      color: var(--ink3);
      line-height: 1.45;
    }

    #Buz-member-app-template .cma-check-list .cma-check-icon {
      width: 22px;
      height: 22px;
      flex-shrink: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: var(--blue);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
    }

    #Buz-member-app-template .cma-phone {
      width: var(--phone-w);
      max-width: 100%;
      background: #161616;
      border-radius: 46px;
      padding: 10px;
      position: relative;
      box-shadow:
        0 0 0 1px #2A2A2A,
        0 28px 64px rgba(0,0,0,.22),
        0 8px 24px rgba(0,0,0,.14);
      transition: transform .38s cubic-bezier(.34,1.4,.64,1), box-shadow .38s ease;
      cursor: default;
    }

    #Buz-member-app-template .cma-phone:hover {
      transform: translateY(-10px) rotate(-0.8deg);
      box-shadow:
        0 0 0 1px #383838,
        0 48px 80px rgba(0,0,0,.28),
        0 16px 36px rgba(0,0,0,.18);
    }

    #Buz-member-app-template .cma-phone::before {
      content: '';
      position: absolute;
      left: -3.5px;
      top: 124px;
      width: 3.5px;
      height: 60px;
      background: #242424;
      border-radius: 3px 0 0 3px;
      box-shadow: 0 74px 0 #242424;
    }

    #Buz-member-app-template .cma-phone::after {
      content: '';
      position: absolute;
      right: -3.5px;
      top: 144px;
      width: 3.5px;
      height: 72px;
      background: #242424;
      border-radius: 0 3px 3px 0;
    }

    #Buz-member-app-template .cma-screen {
      background: var(--white);
      border-radius: 37px;
      height: var(--screen-h);
      overflow: hidden;
      position: relative;
      display: flex;
      flex-direction: column;
    }

    #Buz-member-app-template .cma-dynamic-island {
      position: absolute;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 25px;
      background: #161616;
      border-radius: 20px;
      z-index: 20;
      transition: width .3s cubic-bezier(.34,1.4,.64,1);
    }

    #Buz-member-app-template .cma-phone:hover .cma-dynamic-island { width: 92px; }

    #Buz-member-app-template .cma-phone .cma-status-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px 20px 5px;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-status-bar-time {
      font-size: 13px;
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-phone .cma-status-bar-icons {
      display: flex;
      align-items: center;
      gap: 5px;
    }

    #Buz-member-app-template .cma-phone .cma-battery {
      width: 22px;
      height: 10px;
      border: 1.5px solid var(--ink);
      border-radius: 2.5px;
      display: flex;
      align-items: center;
      padding: 1.5px;
      position: relative;
    }

    #Buz-member-app-template .cma-phone .cma-battery::after {
      content: '';
      position: absolute;
      right: -4px;
      top: 50%;
      transform: translateY(-50%);
      width: 2px;
      height: 5px;
      background: var(--ink);
      border-radius: 0 1px 1px 0;
    }

    #Buz-member-app-template .cma-phone .cma-battery-fill {
      width: 72%;
      height: 100%;
      border-radius: 1px;
      background: var(--ink);
    }

    #Buz-member-app-template .cma-phone .cma-app-hdr {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 5px 18px 12px;
      border-bottom: 1px solid var(--border);
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-logo-circle {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      overflow: hidden;
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: inset 0 0 0 1px rgba(31,60,87,.08);
    }

    #Buz-member-app-template .cma-phone .cma-logo-circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    #Buz-member-app-template .cma-phone .cma-burger {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    #Buz-member-app-template .cma-phone .cma-burger span {
      display: block;
      width: 17px;
      height: 1.8px;
      background: var(--ink);
      border-radius: 1px;
    }

    #Buz-member-app-template .cma-phone .cma-tab-bar {
      display: flex;
      border-top: 1px solid var(--border);
      background: var(--white);
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-tab {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 8px 2px 5px;
      gap: 3px;
      cursor: pointer;
    }

    #Buz-member-app-template .cma-phone .cma-tab-lbl {
      font-size: 8.5px;
      color: var(--ink4);
      letter-spacing: .01em;
    }

    #Buz-member-app-template .cma-phone .cma-tab.cma-active .cma-tab-lbl {
      color: var(--blue);
      font-weight: 700;
    }

    #Buz-member-app-template .cma-phone .cma-home-bar {
      display: flex;
      justify-content: center;
      padding: 5px 0 8px;
      background: var(--white);
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-home-bar span {
      width: 66px;
      height: 3.5px;
      background: rgba(0,0,0,.22);
      border-radius: 2px;
    }

    #Buz-member-app-template .cma-phone .cma-scr-h1,
    #Buz-member-app-template .cma-phone .cma-scr-h2,
    #Buz-member-app-template .cma-phone .cma-stmt-title {
      font-family: 'Hind', sans-serif;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-phone .cma-scr-h1 {
      font-size: 22px;
      font-weight: 700;
      padding: 16px 18px 2px;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-scr-h2 {
      font-size: 20px;
      font-weight: 600;
      padding: 0 18px 12px;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-tile-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      flex: 1;
      overflow: hidden;
    }

    #Buz-member-app-template .cma-phone .cma-tile {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 9px;
      padding: 18px 8px;
      border: .5px solid var(--border);
      background: var(--white);
      cursor: pointer;
      transition: background .14s;
    }

    #Buz-member-app-template .cma-phone .cma-tile:hover { background: #F7F9FC; }
    #Buz-member-app-template .cma-phone .cma-tile-lbl {
      font-size: 9.5px;
      font-weight: 800;
      letter-spacing: .07em;
      text-transform: uppercase;
      color: var(--blue-dark);
    }

    #Buz-member-app-template .cma-phone .cma-ev-hdr {
      background: #EEF3F8;
      padding: 6px 16px;
      font-size: 12px;
      font-weight: 600;
      color: var(--ink2);
      text-align: center;
      letter-spacing: .02em;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-ev-row {
      display: flex;
      align-items: center;
      gap: 11px;
      padding: 8px 16px;
      border-bottom: 1px solid #F0F3F6;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-ev-badge {
      background: var(--blue);
      color: var(--white);
      border-radius: 5px;
      padding: 3px 7px;
      text-align: center;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-ev-badge .cma-month-abbr {
      display: block;
      font-size: 7px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .04em;
    }

    #Buz-member-app-template .cma-phone .cma-ev-badge .cma-day-num {
      display: block;
      font-size: 13px;
      font-weight: 800;
      line-height: 1.1;
    }

    #Buz-member-app-template .cma-phone .cma-ev-name {
      font-size: 12.5px;
      color: var(--blue-dark);
      font-weight: 600;
    }

    #Buz-member-app-template .cma-phone .cma-pill-row {
      display: flex;
      gap: 8px;
      padding: 0 18px 12px;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-pill {
      background: #F4F7FB;
      border: 1px solid #E1E8F0;
      border-radius: 7px;
      padding: 6px 13px;
      font-size: 11px;
      color: var(--ink2);
    }

    #Buz-member-app-template .cma-phone .cma-act-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 7px;
      padding: 0 16px 16px;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-act-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      padding: 11px 4px;
      background: var(--white);
      border: 1px solid #E1E8F0;
      border-radius: 10px;
      cursor: pointer;
      transition: background .14s;
    }

    #Buz-member-app-template .cma-phone .cma-act-btn:hover { background: #F7F9FC; }
    #Buz-member-app-template .cma-phone .cma-act-btn-lbl { font-size: 9px; color: var(--ink2); }

    #Buz-member-app-template .cma-phone .cma-scr-sub-hdr {
      font-size: 15px;
      font-weight: 700;
      color: var(--ink);
      padding: 0 18px 8px;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-empty-state {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 16px;
    }

    #Buz-member-app-template .cma-phone .cma-empty-ico {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: #F1F5FA;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #Buz-member-app-template .cma-phone .cma-empty-txt { font-size: 13px; color: var(--ink4); }
    #Buz-member-app-template .cma-phone .cma-empty-sub { font-size: 11.5px; color: #B7BFCA; }

    #Buz-member-app-template .cma-phone .cma-powered {
      padding: 6px;
      font-size: 10px;
      text-align: center;
      color: #C7CDD4;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-powered b {
      color: var(--blue);
      font-weight: 600;
    }

    #Buz-member-app-template .cma-phone .cma-cal-ctrls {
      display: flex;
      gap: 6px;
      padding: 0 18px 10px;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-cal-ctrl {
      width: 28px;
      height: 28px;
      border: 1px solid #E1E8F0;
      border-radius: 6px;
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      color: var(--ink2);
      cursor: pointer;
    }

    #Buz-member-app-template .cma-phone .cma-cal-rows {
      flex: 1;
      overflow: hidden;
      position: relative;
    }

    #Buz-member-app-template .cma-phone .cma-cal-row {
      display: flex;
      flex-direction: column;
      border-bottom: 1px solid #F1F4F8;
    }

    #Buz-member-app-template .cma-phone .cma-cal-date {
      font-size: 13px;
      color: var(--ink2);
      padding: 8px 18px 6px;
    }

    #Buz-member-app-template .cma-phone .cma-cal-row.cma-today {
      background: #EEF5FB;
    }

    #Buz-member-app-template .cma-phone .cma-cal-row.cma-today .cma-cal-date {
      padding-bottom: 4px;
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-phone .cma-ev-chip {
      display: flex;
      align-items: center;
      gap: 7px;
      margin: 0 14px 7px;
      padding: 6px 11px;
      border-radius: 6px;
      font-size: 11.5px;
    }

    #Buz-member-app-template .cma-phone .cma-ev-chip.cma-clr-yellow {
      background: #FFFBDB;
      border: 1px solid #E8D96A;
      color: #7A6510;
    }

    #Buz-member-app-template .cma-phone .cma-ev-chip.cma-clr-purple {
      background: #F5F0FB;
      border: 1px solid #D4C2EC;
      color: #6B4E9A;
    }

    #Buz-member-app-template .cma-phone .cma-ev-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-ev-dot.cma-yellow { background: #C4A820; }
    #Buz-member-app-template .cma-phone .cma-ev-dot.cma-purple { background: #7B5EA7; }

    #Buz-member-app-template .cma-phone .cma-cal-fade {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 50px;
      background: linear-gradient(to bottom, transparent, var(--white));
      pointer-events: none;
    }

    #Buz-member-app-template .cma-phone .cma-member-body {
      flex: 1;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 12px 13px 0;
    }

    #Buz-member-app-template .cma-phone .cma-id-card {
      position: relative;
      overflow: hidden;
      flex-shrink: 0;
      padding: 16px 16px 13px;
      border-radius: 14px;
      background: linear-gradient(135deg, #2878B6 0%, #1F3C57 100%);
      color: var(--white);
    }

    #Buz-member-app-template .cma-phone .cma-id-card::before {
      content: '';
      position: absolute;
      top: -50px;
      right: -50px;
      width: 160px;
      height: 160px;
      border-radius: 50%;
      background: rgba(255,255,255,.045);
    }

    #Buz-member-app-template .cma-phone .cma-id-card::after {
      content: '';
      position: absolute;
      bottom: -30px;
      left: -20px;
      width: 110px;
      height: 110px;
      border-radius: 50%;
      background: rgba(255,255,255,.03);
    }

    #Buz-member-app-template .cma-phone .cma-id-club-name {
      margin-bottom: 2px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(255,255,255,.9);
    }

    #Buz-member-app-template .cma-phone .cma-id-club-sub {
      margin-bottom: 13px;
      font-size: 8.5px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(255,255,255,.48);
    }

    #Buz-member-app-template .cma-phone .cma-id-body {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: flex-start;
      gap: 12px;
    }

    #Buz-member-app-template .cma-phone .cma-id-photo {
      width: 58px;
      height: 72px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      border: 1.5px solid rgba(255,255,255,.22);
      background: rgba(255,255,255,.13);
    }

    #Buz-member-app-template .cma-phone .cma-id-info { flex: 1; }

    #Buz-member-app-template .cma-phone .cma-id-lbl {
      margin-bottom: 2px;
      font-size: 8.5px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(255,255,255,.5);
    }

    #Buz-member-app-template .cma-phone .cma-id-val {
      margin-bottom: 9px;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.1;
      color: var(--white);
    }

    #Buz-member-app-template .cma-phone .cma-id-val.cma-mono {
      font-size: 17px;
      letter-spacing: .04em;
    }

    #Buz-member-app-template .cma-phone .cma-id-qr {
      width: 52px;
      height: 52px;
      flex-shrink: 0;
      align-self: flex-end;
      padding: 4px;
      border-radius: 4px;
      background: rgba(255,255,255,.95);
    }

    #Buz-member-app-template .cma-phone .cma-id-footer-line {
      position: relative;
      z-index: 1;
      margin-top: 11px;
      padding-top: 7px;
      border-top: 1px solid rgba(255,255,255,.14);
      font-size: 8px;
      letter-spacing: .07em;
      text-transform: uppercase;
      text-align: center;
      color: rgba(255,255,255,.34);
    }

    #Buz-member-app-template .cma-phone .cma-acct-card,
    #Buz-member-app-template .cma-phone .cma-bal-card {
      flex-shrink: 0;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: #F8FAFD;
    }

    #Buz-member-app-template .cma-phone .cma-acct-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4px 10px;
      padding: 13px 14px;
    }

    #Buz-member-app-template .cma-phone .cma-bal-card {
      padding: 13px 14px;
    }

    #Buz-member-app-template .cma-phone .cma-ac-lbl,
    #Buz-member-app-template .cma-phone .cma-stmt-field-label,
    #Buz-member-app-template .cma-phone .cma-balance-banner .cma-label {
      margin-bottom: 2px;
      font-size: 8.5px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-phone .cma-ac-val,
    #Buz-member-app-template .cma-phone .cma-stmt-field-value {
      font-size: 13px;
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-phone .cma-ac-val { font-size: 14px; }

    #Buz-member-app-template .cma-phone .cma-bal-card .cma-bal-amt {
      margin-top: 3px;
      font-size: 26px;
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-phone .cma-stmt-body {
      flex: 1;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      padding: 0;
    }

    #Buz-member-app-template .cma-phone .cma-stmt-title {
      padding: 14px 18px 10px;
      font-size: 22px;
      font-weight: 700;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-stmt-selector {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      padding: 0 16px 10px;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-stmt-field {
      padding: 9px 12px;
      border: 1px solid var(--border);
      border-radius: 7px;
      background: #F8FAFD;
    }

    #Buz-member-app-template .cma-phone .cma-stmt-nav {
      display: flex;
      gap: 6px;
      padding: 0 16px 10px;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-stmt-nav-btn {
      padding: 6px 14px;
      border: 1px solid var(--border);
      border-radius: 100px;
      background: var(--white);
      font-size: 11px;
      color: var(--ink2);
    }

    #Buz-member-app-template .cma-phone .cma-stmt-nav-btn.cma-active {
      background: var(--blue);
      border-color: var(--blue);
      color: var(--white);
    }

    #Buz-member-app-template .cma-phone .cma-balance-banner {
      flex-shrink: 0;
      margin: 0 14px 10px;
      padding: 12px 14px;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: #F8FAFD;
    }

    #Buz-member-app-template .cma-phone .cma-balance-banner .cma-amount {
      font-size: 24px;
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-phone .cma-tx-table {
      flex-shrink: 0;
      margin: 0 14px 0;
      overflow: hidden;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: #F8FAFD;
    }

    #Buz-member-app-template .cma-phone .cma-tx-thead {
      display: grid;
      grid-template-columns: 1.6fr 2.4fr 1.6fr;
      padding: 7px 12px;
      background: #EEF3F8;
      border-bottom: 1px solid var(--border);
    }

    #Buz-member-app-template .cma-phone .cma-tx-th {
      font-size: 8.5px;
      font-weight: 700;
      letter-spacing: .07em;
      text-transform: uppercase;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-phone .cma-tx-row {
      display: grid;
      grid-template-columns: 1.6fr 2.4fr 1.6fr;
      padding: 8px 12px;
      border-bottom: 1px solid #E9EEF4;
    }

    #Buz-member-app-template .cma-phone .cma-tx-row:last-child { border-bottom: none; }

    #Buz-member-app-template .cma-phone .cma-tx-c {
      font-size: 11.5px;
      color: var(--ink2);
    }

    #Buz-member-app-template .cma-phone .cma-tx-c.cma-link { color: var(--blue); }
    #Buz-member-app-template .cma-phone .cma-tx-c.cma-bold {
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-phone [stroke="#1A4F30"],
    #Buz-member-app-template .cma-phone [stroke="#0E3020"],
    #Buz-member-app-template .cma-phone [stroke="#2A7048"],
    #Buz-member-app-template .cma-phone [stroke="#2D7A52"],
    #Buz-member-app-template .cma-phone [stroke="#1E5C37"] {
      stroke: var(--blue-dark);
    }

    #Buz-member-app-template .cma-phone [fill="#1A4F30"],
    #Buz-member-app-template .cma-phone [fill="#0E3020"],
    #Buz-member-app-template .cma-phone [fill="#2A7048"],
    #Buz-member-app-template .cma-phone [fill="#2D7A52"],
    #Buz-member-app-template .cma-phone [fill="#1E5C37"] {
      fill: var(--blue-dark);
    }

    #Buz-member-app-template .cma-phone .cma-tab.cma-active [stroke="#1A4F30"],
    #Buz-member-app-template .cma-phone .cma-tab.cma-active [fill="#1A4F30"] {
      stroke: var(--blue);
      fill: var(--blue);
    }

    #Buz-member-app-template .cma-phone .cma-id-qr svg [fill="#1A4F30"],
    #Buz-member-app-template .cma-phone .cma-id-qr svg [fill="#0E3020"] {
      fill: var(--blue-dark);
    }

    #Buz-member-app-template .cma-phone .cma-id-qr svg [fill="white"] {
      fill: rgba(255,255,255,.9);
    }

    #Buz-member-app-template .cma-see-action {
      background: var(--bg-section);
    }

    #Buz-member-app-template .cma-action-subheader {
      margin: 0 0 22px;
    }

    #Buz-member-app-template .cma-action-subheader + .cma-action-grid { margin-bottom: 40px; }

    #Buz-member-app-template .cma-action-subheader h3 {
      margin: 0 0 6px;
      font-size: 26px;
      font-weight: 600;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-action-subheader p {
      margin: 0;
      font-size: 16px;
      color: var(--ink3);
    }

    #Buz-member-app-template .cma-action-grid {
      display: grid;
      gap: 24px;
    }

    #Buz-member-app-template .cma-action-grid-3 {
      grid-template-columns: repeat(3, 1fr);
    }

    #Buz-member-app-template .cma-action-grid-2 {
      grid-template-columns: repeat(2, 1fr);
    }

    #Buz-member-app-template .cma-feature-item {
      padding: 20px;
      border-left: 4px solid var(--blue);
      border-radius: 8px;
      background: var(--bg-section);
    }

    #Buz-member-app-template .cma-feature-demo {
      margin-bottom: 18px;
    }

    #Buz-member-app-template .cma-feature-copy h4 {
      margin: 0 0 6px;
      font-size: 20px;
      font-weight: 600;
      color: var(--ink2);
      line-height: 1.2;
    }

    #Buz-member-app-template .cma-feature-copy p {
      margin: 0;
      font-size: 16px;
      color: var(--ink3);
      line-height: 1.55;
    }

    #Buz-member-app-template .cma-book-widget,
    #Buz-member-app-template .cma-avail-widget,
    #Buz-member-app-template .cma-my-times-widget,
    #Buz-member-app-template .cma-cal-widget,
    #Buz-member-app-template .cma-events-widget,
    #Buz-member-app-template .cma-balance-widget,
    #Buz-member-app-template .cma-txn-widget {
      width: 100%;
      background: var(--white);
      border-radius: 13px;
      box-shadow: 0 1px 10px rgba(0,0,0,.08);
      overflow: hidden;
    }

    #Buz-member-app-template .cma-book-widget {
      padding: 18px 18px 16px;
    }

    #Buz-member-app-template .cma-book-widget .cma-bw-club,
    #Buz-member-app-template .cma-book-widget .cma-bw-section-label,
    #Buz-member-app-template .cma-balance-widget .cma-bal-lbl,
    #Buz-member-app-template .cma-txn-thead span,
    #Buz-member-app-template .cma-txn-hdr .cma-th-period,
    #Buz-member-app-template .cma-mt-badge,
    #Buz-member-app-template .cma-events-widget .cma-ev-chip-badge,
    #Buz-member-app-template .cma-cal-dow {
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    #Buz-member-app-template .cma-book-widget .cma-bw-club {
      margin-bottom: 4px;
      font-size: 9.5px;
      font-weight: 700;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-book-widget .cma-bw-title {
      margin-bottom: 2px;
      font-size: 17px;
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-book-widget .cma-bw-sub {
      margin-bottom: 16px;
      font-size: 11.5px;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-book-widget .cma-bw-section-label {
      margin-bottom: 7px;
      font-size: 9.5px;
      font-weight: 700;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-book-widget .cma-pill-row {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin-bottom: 14px;
    }

    #Buz-member-app-template .cma-book-widget .cma-pill {
      padding: 6px 11px;
      border: 1.5px solid transparent;
      border-radius: 20px;
      background: var(--card-border);
      color: var(--ink2);
      font-size: 11px;
      font-weight: 600;
    }

    #Buz-member-app-template .cma-book-widget .cma-pill.cma-active {
      background: var(--blue);
      border-color: var(--blue);
      color: var(--white);
    }

    #Buz-member-app-template .cma-book-widget .cma-bw-btn {
      width: 100%;
      margin-top: 6px;
      padding: 11px 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      border: none;
      border-radius: 10px;
      background: var(--blue);
      color: var(--white);
      font-size: 13px;
      font-weight: 700;
    }

    #Buz-member-app-template .cma-avail-widget .cma-avail-hdr,
    #Buz-member-app-template .cma-cal-widget .cma-cal-widget-hdr {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 16px;
      background: var(--blue);
      color: var(--white);
    }

    #Buz-member-app-template .cma-avail-widget .cma-avail-hdr-title,
    #Buz-member-app-template .cma-cal-widget .cma-cwh-month {
      font-size: 13px;
      font-weight: 700;
    }

    #Buz-member-app-template .cma-avail-widget .cma-avail-hdr-date {
      font-size: 11px;
      opacity: .78;
    }

    #Buz-member-app-template .cma-avail-widget .cma-avail-row {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 16px;
      border-bottom: 1px solid var(--card-border);
    }

    #Buz-member-app-template .cma-avail-widget .cma-avail-row:last-child { border-bottom: none; }

    #Buz-member-app-template .cma-avail-widget .cma-avail-time {
      min-width: 60px;
      font-size: 13px;
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-avail-widget .cma-avail-course {
      flex: 1;
      font-size: 11.5px;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-avail-widget .cma-avail-dots {
      display: flex;
      gap: 3px;
      margin-right: 6px;
    }

    #Buz-member-app-template .cma-avail-widget .cma-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
    }

    #Buz-member-app-template .cma-avail-widget .cma-dot.cma-active { background: var(--blue); }
    #Buz-member-app-template .cma-avail-widget .cma-dot.cma-off { background: var(--border2); }

    #Buz-member-app-template .cma-avail-widget .cma-avail-spots {
      font-size: 10.5px;
      font-weight: 700;
    }

    #Buz-member-app-template .cma-avail-widget .cma-avail-spots.cma-open { color: var(--blue); }
    #Buz-member-app-template .cma-avail-widget .cma-avail-spots.cma-full { color: var(--red); }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-hdr {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 13px 16px 11px;
      border-bottom: 1px solid var(--card-border);
    }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-hdr-title {
      font-size: 13.5px;
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-badge {
      padding: 3px 9px;
      border-radius: 10px;
      background: var(--blue-light);
      color: var(--blue);
      font-size: 9.5px;
      font-weight: 700;
    }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-booking {
      margin: 12px;
      padding: 16px 16px 14px;
      border-radius: 11px;
      background: linear-gradient(135deg, #2878B6 0%, #1F3C57 100%);
      color: var(--white);
    }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-book-date {
      font-size: 19px;
      font-weight: 700;
      letter-spacing: -.01em;
    }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-book-time {
      margin-bottom: 12px;
      font-size: 12px;
      opacity: .78;
    }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-book-meta {
      display: flex;
      gap: 16px;
      margin-bottom: 14px;
      font-size: 11px;
      opacity: .82;
    }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-book-meta span {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-btns {
      display: flex;
      gap: 8px;
    }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-btn {
      flex: 1;
      padding: 8px;
      border: none;
      border-radius: 7px;
      font-size: 11.5px;
      font-weight: 700;
      text-align: center;
    }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-btn.cma-ghost {
      background: rgba(255,255,255,.17);
      color: var(--white);
    }

    #Buz-member-app-template .cma-my-times-widget .cma-mt-btn.cma-solid {
      background: var(--white);
      color: var(--blue-dark);
    }

    #Buz-member-app-template .cma-cal-widget .cma-cal-widget-hdr {
      padding: 13px 16px;
    }

    #Buz-member-app-template .cma-cal-widget .cma-cwh-nav {
      display: flex;
      gap: 14px;
      font-size: 14px;
      opacity: .78;
      cursor: pointer;
    }

    #Buz-member-app-template .cma-cal-widget .cma-cal-inner {
      padding: 14px 14px 12px;
    }

    #Buz-member-app-template .cma-cal-widget .cma-cal-dow-row,
    #Buz-member-app-template .cma-cal-widget .cma-cal-days {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
    }

    #Buz-member-app-template .cma-cal-widget .cma-cal-dow-row {
      margin-bottom: 5px;
    }

    #Buz-member-app-template .cma-cal-widget .cma-cal-dow {
      padding: 2px 0;
      font-size: 9px;
      font-weight: 700;
      text-align: center;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-cal-widget .cma-cal-days {
      gap: 1px;
    }

    #Buz-member-app-template .cma-cal-widget .cma-cal-day {
      position: relative;
      padding: 5px 0 7px;
      border-radius: 6px;
      text-align: center;
      font-size: 12px;
      color: var(--ink2);
      cursor: pointer;
    }

    #Buz-member-app-template .cma-cal-widget .cma-cal-day.cma-empty { pointer-events: none; }

    #Buz-member-app-template .cma-cal-widget .cma-cal-day.cma-today {
      background: var(--blue);
      color: var(--white);
      font-weight: 700;
    }

    #Buz-member-app-template .cma-cal-widget .cma-cal-day.cma-has-event::after {
      content: '';
      display: block;
      width: 4px;
      height: 4px;
      margin: 2px auto 0;
      border-radius: 50%;
      background: var(--blue);
    }

    #Buz-member-app-template .cma-cal-widget .cma-cal-day.cma-today.cma-has-event::after {
      background: rgba(255,255,255,.7);
    }

    #Buz-member-app-template .cma-events-widget .cma-ew-hdr {
      padding: 13px 16px;
      border-bottom: 1px solid var(--card-border);
      font-size: 13.5px;
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-events-widget .cma-event-item {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 11px 16px;
      border-bottom: 1px solid var(--card-border);
    }

    #Buz-member-app-template .cma-events-widget .cma-event-item:last-child { border-bottom: none; }

    #Buz-member-app-template .cma-events-widget .cma-ev-stripe {
      width: 4px;
      align-self: stretch;
      flex-shrink: 0;
      border-radius: 2px;
    }

    #Buz-member-app-template .cma-events-widget .cma-ev-stripe.cma-clr-yellow { background: var(--yellow-b); }
    #Buz-member-app-template .cma-events-widget .cma-ev-stripe.cma-clr-purple { background: var(--purple-b); }
    #Buz-member-app-template .cma-events-widget .cma-ev-stripe.cma-clr-blue { background: var(--ui-blue-b); }

    #Buz-member-app-template .cma-events-widget .cma-ev-info { flex: 1; }

    #Buz-member-app-template .cma-events-widget .cma-ev-name {
      margin-bottom: 2px;
      font-size: 12.5px;
      font-weight: 700;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-events-widget .cma-ev-date {
      font-size: 11px;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-events-widget .cma-ev-chip-badge {
      padding: 3px 8px;
      border-radius: 8px;
      font-size: 9.5px;
      font-weight: 700;
    }

    #Buz-member-app-template .cma-events-widget .cma-ev-chip-badge.cma-clr-yellow {
      background: var(--yellow);
      color: var(--yellow-b);
    }

    #Buz-member-app-template .cma-events-widget .cma-ev-chip-badge.cma-clr-purple {
      background: var(--purple);
      color: var(--purple-b);
    }

    #Buz-member-app-template .cma-events-widget .cma-ev-chip-badge.cma-clr-blue {
      background: var(--ui-blue);
      color: var(--ui-blue-b);
    }

    #Buz-member-app-template .cma-member-id-section {
      background: var(--white);
    }

    #Buz-member-app-template .cma-mid-layout {
      display: grid;
      grid-template-columns: 1fr 1.08fr;
      gap: 56px;
      align-items: center;
    }

    #Buz-member-app-template .cma-mid-card-wrap {
      display: flex;
      justify-content: center;
    }

    #Buz-member-app-template .cma-mid-card {
      position: relative;
      overflow: hidden;
      width: 310px;
      padding: 26px 24px 22px;
      border-radius: 22px;
      background: linear-gradient(135deg, #2878B6 0%, #1F3C57 100%);
      color: var(--white);
      box-shadow: 0 20px 60px rgba(31,60,87,.28), 0 6px 18px rgba(0,0,0,.18);
    }

    #Buz-member-app-template .cma-mid-card::before,
    #Buz-member-app-template .cma-mid-card::after {
      content: '';
      position: absolute;
      border-radius: 50%;
      background: rgba(255,255,255,.05);
    }

    #Buz-member-app-template .cma-mid-card::before {
      top: -70px;
      right: -70px;
      width: 220px;
      height: 220px;
    }

    #Buz-member-app-template .cma-mid-card::after {
      bottom: -50px;
      left: -50px;
      width: 180px;
      height: 180px;
      background: rgba(255,255,255,.03);
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-top,
    #Buz-member-app-template .cma-mid-card .cma-mc-body,
    #Buz-member-app-template .cma-mid-card .cma-mc-footer {
      position: relative;
      z-index: 1;
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-club-name {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase;
      opacity: .68;
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-member-type {
      padding: 4px 10px;
      border-radius: 20px;
      background: rgba(255,255,255,.15);
      font-size: 9.5px;
      font-weight: 700;
      letter-spacing: .07em;
      text-transform: uppercase;
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-body {
      display: flex;
      align-items: flex-end;
      gap: 14px;
      margin-bottom: 18px;
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-photo {
      width: 60px;
      height: 60px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      background: rgba(255,255,255,.15);
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-photo svg {
      width: 28px;
      height: 28px;
      opacity: .78;
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-name {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.1;
      letter-spacing: -.01em;
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-number {
      margin-top: 3px;
      font-size: 11.5px;
      opacity: .64;
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-bal-label {
      font-size: 9px;
      letter-spacing: .09em;
      text-transform: uppercase;
      opacity: .55;
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-bal-amt {
      font-size: 21px;
      font-weight: 700;
      letter-spacing: -.01em;
    }

    #Buz-member-app-template .cma-mid-card .cma-mc-bal-since {
      margin-top: 1px;
      font-size: 9.5px;
      opacity: .45;
    }

    #Buz-member-app-template .cma-mid-card .cma-qr-svg rect { shape-rendering: crispEdges; }

    #Buz-member-app-template .cma-mid-card .cma-qr-svg [fill="#0E3020"] {
      fill: var(--blue-dark);
    }

    #Buz-member-app-template .cma-mid-card .cma-qr-svg [fill="rgba(255,255,255,.8)"],
    #Buz-member-app-template .cma-mid-card .cma-qr-svg [fill="rgba(255,255,255,.9)"] {
      fill: rgba(255,255,255,.9);
    }

    #Buz-member-app-template .cma-mid-copy .cma-section-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border-radius: 999px;
      background: var(--blue-light);
      color: var(--blue);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    #Buz-member-app-template .cma-mid-copy-points {
      list-style: none;
      padding: 0;
      margin: 20px 0 0;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    #Buz-member-app-template .cma-mid-copy-points li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 16px;
      line-height: 1.5;
      color: var(--ink3);
    }

    #Buz-member-app-template .cma-mid-copy-points li::before {
      content: '';
      width: 8px;
      height: 8px;
      flex-shrink: 0;
      margin-top: 8px;
      border-radius: 50%;
      background: var(--blue);
    }

    #Buz-member-app-template .cma-account-section {
      background: var(--bg-cream);
    }

    #Buz-member-app-template .cma-account-intro {
      max-width: 680px;
      margin-bottom: 32px;
    }

    #Buz-member-app-template .cma-account-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
    }

    #Buz-member-app-template .cma-account-card {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    #Buz-member-app-template .cma-balance-widget .cma-bal-hdr,
    #Buz-member-app-template .cma-txn-widget .cma-txn-hdr {
      padding: 22px 22px 20px;
      background: linear-gradient(135deg, #2878B6 0%, #3488C6 100%);
      color: var(--white);
    }

    #Buz-member-app-template .cma-balance-widget .cma-bal-lbl {
      margin-bottom: 5px;
      font-size: 9.5px;
      opacity: .68;
    }

    #Buz-member-app-template .cma-balance-widget .cma-bal-amt {
      font-size: 32px;
      font-weight: 700;
      letter-spacing: -.02em;
      color: var(--white);
      line-height: 1;
    }

    #Buz-member-app-template .cma-balance-widget .cma-bal-club {
      margin-top: 4px;
      font-size: 11.5px;
      opacity: .78;
    }

    #Buz-member-app-template .cma-balance-widget .cma-bal-body {
      padding: 12px 18px 6px;
    }

    #Buz-member-app-template .cma-balance-widget .cma-bal-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 9px 0;
      border-bottom: 1px solid var(--card-border);
      font-size: 12.5px;
    }

    #Buz-member-app-template .cma-balance-widget .cma-bal-row:last-child { border-bottom: none; }
    #Buz-member-app-template .cma-balance-widget .cma-label { color: var(--ink3); }
    #Buz-member-app-template .cma-balance-widget .cma-value {
      font-weight: 600;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-balance-widget .cma-value.cma-debit { color: var(--red); }
    #Buz-member-app-template .cma-balance-widget .cma-value.cma-credit { color: var(--blue); }

    #Buz-member-app-template .cma-balance-widget .cma-bal-btn {
      display: block;
      width: calc(100% - 36px);
      margin: 14px 18px 18px;
      padding: 10px;
      border: none;
      border-radius: 9px;
      background: var(--blue-light);
      color: var(--blue);
      font-size: 12.5px;
      font-weight: 700;
      text-align: center;
    }

    #Buz-member-app-template .cma-txn-widget .cma-txn-hdr {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: none;
    }

    #Buz-member-app-template .cma-txn-widget .cma-th-title {
      font-size: 13.5px;
      font-weight: 700;
      color: var(--white);
    }

    #Buz-member-app-template .cma-txn-widget .cma-th-period {
      font-size: 11px;
      color: rgba(255,255,255,.76);
    }

    #Buz-member-app-template .cma-txn-widget .cma-txn-thead,
    #Buz-member-app-template .cma-txn-widget .cma-txn-row {
      display: grid;
      grid-template-columns: 56px 1fr auto;
      gap: 10px;
      align-items: center;
    }

    #Buz-member-app-template .cma-txn-widget .cma-txn-thead {
      padding: 8px 18px;
      background: #EEF3F8;
      border-bottom: 1px solid var(--card-border);
    }

    #Buz-member-app-template .cma-txn-widget .cma-txn-thead span {
      font-size: 9.5px;
      font-weight: 700;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-txn-widget .cma-txn-thead span:last-child { text-align: right; }

    #Buz-member-app-template .cma-txn-widget .cma-txn-row {
      padding: 10px 18px;
      border-bottom: 1px solid var(--card-border);
      font-size: 12.5px;
    }

    #Buz-member-app-template .cma-txn-widget .cma-txn-row:last-child { border-bottom: none; }

    #Buz-member-app-template .cma-txn-widget .cma-txn-date {
      font-size: 11.5px;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-txn-widget .cma-txn-desc {
      color: var(--ink);
      font-weight: 500;
    }

    #Buz-member-app-template .cma-txn-widget .cma-txn-desc small {
      display: block;
      margin-top: 1px;
      font-size: 10.5px;
      font-weight: 400;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-txn-widget .cma-txn-amt {
      font-weight: 700;
      color: var(--ink);
      text-align: right;
    }

    #Buz-member-app-template .cma-txn-widget .cma-txn-amt.cma-credit { color: var(--blue); }

    #Buz-member-app-template .cma-benefits-section {
      background: var(--white);
    }

    #Buz-member-app-template .cma-benefits-grid {
      display: grid;
      grid-template-columns: 1fr .95fr;
      gap: 42px;
      align-items: center;
    }

    #Buz-member-app-template .cma-benefit-list {
      list-style: none;
      padding: 0;
      margin: 22px 0 0;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    #Buz-member-app-template .cma-benefit-list li {
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 14px;
      align-items: start;
    }

    #Buz-member-app-template .cma-benefit-check {
      width: 28px;
      height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: var(--blue);
      color: var(--white);
      font-size: 14px;
      font-weight: 700;
      line-height: 1;
    }

    #Buz-member-app-template .cma-benefit-copy strong {
      display: block;
      margin-bottom: 4px;
      font-size: 18px;
      font-weight: 600;
      color: var(--ink);
      line-height: 1.2;
    }

    #Buz-member-app-template .cma-benefit-copy p {
      margin: 0;
      font-size: 16px;
      color: var(--ink3);
    }

    #Buz-member-app-template .cma-benefits-panel {
      position: relative;
      overflow: hidden;
      padding: 26px;
      border: 1px solid var(--border2);
      border-radius: 18px;
      background: linear-gradient(180deg, #F4FAFF 0%, #E3F0FA 100%);
      box-shadow: var(--shadow-soft);
    }

    #Buz-member-app-template .cma-benefits-panel::before {
      content: '';
      position: absolute;
      top: -60px;
      right: -50px;
      width: 180px;
      height: 180px;
      border-radius: 50%;
      background: rgba(40,120,182,.10);
    }

    #Buz-member-app-template .cma-panel-main {
      position: relative;
      z-index: 1;
      margin-bottom: 18px;
      padding: 18px;
      border-radius: 14px;
      background: var(--white);
      box-shadow: var(--shadow-panel);
    }

    #Buz-member-app-template .cma-panel-main-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 14px;
    }

    #Buz-member-app-template .cma-panel-main-head strong {
      font-size: 18px;
      font-weight: 600;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-panel-main-head span {
      padding: 4px 10px;
      border-radius: 999px;
      background: var(--blue-light);
      color: var(--blue);
      font-size: 12px;
      font-weight: 600;
    }

    #Buz-member-app-template .cma-panel-bars {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #Buz-member-app-template .cma-panel-bar {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 12px;
      align-items: center;
    }

    #Buz-member-app-template .cma-panel-track {
      height: 10px;
      overflow: hidden;
      border-radius: 999px;
      background: #DCEAF5;
    }

    #Buz-member-app-template .cma-panel-fill {
      height: 100%;
      border-radius: 999px;
      background: linear-gradient(135deg, #2878B6 0%, #3488C6 100%);
    }

    #Buz-member-app-template .cma-panel-bar small {
      font-size: 12px;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-panel-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
    }

    #Buz-member-app-template .cma-panel-tile {
      padding: 16px;
      border-radius: 14px;
      background: rgba(255,255,255,.92);
      box-shadow: var(--shadow-panel);
    }

    #Buz-member-app-template .cma-panel-tile strong {
      display: block;
      margin-bottom: 4px;
      font-size: 26px;
      font-weight: 700;
      line-height: 1;
      color: var(--blue-dark);
    }

    #Buz-member-app-template .cma-panel-tile span {
      display: block;
      font-size: 13px;
      color: var(--ink4);
      line-height: 1.35;
    }

    #Buz-member-app-template .cma-cta {
      position: relative;
      overflow: hidden;
      text-align: center;
      background: linear-gradient(135deg, #2878B6 0%, #1F3C57 100%);
    }

    #Buz-member-app-template .cma-cta::before {
      content: '';
      position: absolute;
      top: -80px;
      right: -60px;
      width: 220px;
      height: 220px;
      border-radius: 50%;
      background: rgba(255,255,255,.08);
    }

    #Buz-member-app-template .cma-cta .cma-container {
      position: relative;
      z-index: 1;
    }

    #Buz-member-app-template .cma-cta h2 {
      color: var(--white);
    }

    #Buz-member-app-template .cma-cta p {
      max-width: 620px;
      margin: 0 auto 26px;
      color: rgba(255,255,255,.8);
      font-size: 18px;
    }

    #Buz-member-app-template .cma-site-footer {
      background: #1F2937;
      color: rgba(255,255,255,.72);
    }

    #Buz-member-app-template .cma-footer-grid {
      display: grid;
      grid-template-columns: 1.2fr repeat(3, 1fr);
      gap: 28px;
      padding: 56px 40px 34px;
    }

    #Buz-member-app-template .cma-footer-brand {
      max-width: 280px;
    }

    #Buz-member-app-template .cma-footer-brand .cma-brand-title {
      color: var(--white);
    }

    #Buz-member-app-template .cma-footer-brand .cma-brand-subtitle {
      color: rgba(255,255,255,.5);
    }

    #Buz-member-app-template .cma-footer-brand p {
      margin: 14px 0 0;
      font-size: 15px;
      color: rgba(255,255,255,.62);
    }

    #Buz-member-app-template .cma-footer-col h3 {
      margin: 0 0 8px;
      font-size: 15px;
      font-weight: 600;
      color: var(--white);
    }

    #Buz-member-app-template .cma-footer-col p {
      margin: 0 0 12px;
      font-size: 13px;
      color: rgba(255,255,255,.45);
    }

    #Buz-member-app-template .cma-footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    #Buz-member-app-template .cma-footer-links a {
      font-size: 15px;
      color: rgba(255,255,255,.82);
      transition: color .18s ease;
    }

    #Buz-member-app-template .cma-footer-links a:hover { color: var(--white); }

    #Buz-member-app-template .cma-footer-bottom {
      border-top: 1px solid rgba(255,255,255,.08);
      padding: 16px 40px 28px;
      font-size: 14px;
      color: rgba(255,255,255,.5);
    }

    @media (max-width: 900px) {
      #Buz-member-app-template .cma-container { padding: 0 24px; }

      #Buz-member-app-template .cma-nav-inner {
        grid-template-columns: 1fr;
        justify-items: start;
        gap: 16px;
        padding: 16px 24px;
      }

      #Buz-member-app-template .cma-nav-links {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 16px 20px;
      }

      #Buz-member-app-template .cma-nav-actions {
        flex-wrap: wrap;
      }

      #Buz-member-app-template .cma-hero-grid,
      #Buz-member-app-template .cma-mid-layout,
      #Buz-member-app-template .cma-benefits-grid,
      #Buz-member-app-template .cma-footer-grid {
        grid-template-columns: 1fr;
      }
      
      #Buz-member-app-template .cma-hero-text {
      	padding: 20px;
      	text-align:center;
      }


      #Buz-member-app-template .cma-hero-preview {
        justify-self: stretch;
        width: 100%;
      }

      #Buz-member-app-template .cma-core-grid,
      #Buz-member-app-template .cma-action-grid-3,
      #Buz-member-app-template .cma-account-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      #Buz-member-app-template .cma-action-grid-2 {
        grid-template-columns: 1fr;
      }

      #Buz-member-app-template .cma-showcase-grid,
      #Buz-member-app-template .cma-showcase-grid.cma-reverse {
        grid-template-columns: 1fr;
        gap: 40px;
      }

      #Buz-member-app-template .cma-showcase-grid .cma-text-col,
      #Buz-member-app-template .cma-showcase-grid.cma-reverse .cma-text-col {
        order: 1;
      }

      #Buz-member-app-template .cma-showcase-grid .cma-phone-col,
      #Buz-member-app-template .cma-showcase-grid.cma-reverse .cma-phone-col {
        order: 2;
      }
    }

    @media (max-width: 640px) {
      #Buz-member-app-template .cma-container { padding: 0 20px; }
      #Buz-member-app-template .cma-section { padding: 56px 0; }
      #Buz-member-app-template .cma-hero-grid {
        min-height: auto;
        padding: 56px 0;
      }
      #Buz-member-app-template .cma-hero p { font-size: 18px; }
      #Buz-member-app-template .cma-core-grid,
      #Buz-member-app-template .cma-action-grid-3,
      #Buz-member-app-template .cma-account-grid,
      #Buz-member-app-template .cma-panel-grid {
        grid-template-columns: 1fr;
      }

      #Buz-member-app-template .cma-nav-actions {
        width: 100%;
      }

      #Buz-member-app-template .cma-nav-actions .cma-btn {
        flex: 1;
      }

      #Buz-member-app-template .cma-feature-item,
      #Buz-member-app-template .cma-benefits-panel {
        padding: 16px;
      }

      #Buz-member-app-template .cma-hero-device-shell {
        width: 232px;
      }

      #Buz-member-app-template .cma-hero-device-screen {
        height: 452px;
      }

      #Buz-member-app-template .cma-footer-grid {
        padding: 48px 20px 28px;
      }

      #Buz-member-app-template .cma-footer-bottom {
        padding: 16px 20px 24px;
      }
    }

    /* ========================================
       Tee Time Booked Card (replaces empty state)
       ======================================== */
    #Buz-member-app-template .cma-phone .cma-tee-booked-card {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 6px 12px 10px;
      background: var(--blue-dark);
      border-radius: 10px;
      padding: 12px 14px;
      color: white;
    }

    #Buz-member-app-template .cma-phone .cma-tee-booked-date {
      font-size: 11px;
      font-weight: 700;
      color: rgba(255,255,255,.85);
      margin-bottom: 2px;
    }

    #Buz-member-app-template .cma-phone .cma-tee-booked-time {
      font-size: 13px;
      font-weight: 600;
      color: white;
      margin-bottom: 10px;
    }

    #Buz-member-app-template .cma-phone .cma-tee-booked-players {
      display: flex;
      flex-direction: column;
      gap: 5px;
      margin-bottom: 10px;
    }

    #Buz-member-app-template .cma-phone .cma-tee-player {
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: 11px;
      color: rgba(255,255,255,.8);
    }

    #Buz-member-app-template .cma-phone .cma-tee-player svg {
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-tee-player svg circle,
    #Buz-member-app-template .cma-phone .cma-tee-player svg path {
      stroke: rgba(255,255,255,.7);
    }

    #Buz-member-app-template .cma-phone .cma-tee-join-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding: 8px 0;
      background: var(--gold);
      color: var(--blue-dark);
      border: none;
      border-radius: 7px;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer;
      font-family: 'Hind', sans-serif;
    }

    /* ========================================
       Golf Simulator Booking (Activities Manager)
       ======================================== */
    #Buz-member-app-template .cma-phone .cma-sim-booking {
      padding: 10px 14px;
      flex: 1;
      display: flex;
      flex-direction: column;
      overflow-y: auto;
    }

    #Buz-member-app-template .cma-phone .cma-sim-booking-hdr {
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: 11px;
      font-weight: 600;
      color: var(--ink3);
      margin-bottom: 4px;
    }

    #Buz-member-app-template .cma-phone .cma-sim-booking-hdr svg {
      width: 18px;
      height: 18px;
    }

    #Buz-member-app-template .cma-phone .cma-sim-booking-title {
      font-size: 14px;
      font-weight: 700;
      color: var(--ink);
      margin-bottom: 2px;
    }

    #Buz-member-app-template .cma-phone .cma-sim-booking-sub {
      font-size: 10.5px;
      color: var(--ink4);
      margin-bottom: 14px;
    }

    #Buz-member-app-template .cma-phone .cma-sim-field-group {
      margin-bottom: 12px;
    }

    #Buz-member-app-template .cma-phone .cma-sim-field-label {
      font-size: 10px;
      font-weight: 600;
      color: var(--ink3);
      text-transform: uppercase;
      letter-spacing: .06em;
      margin-bottom: 5px;
    }

    #Buz-member-app-template .cma-phone .cma-sim-field-value-box {
      background: var(--bg-section);
      border: 1px solid var(--border2);
      border-radius: 8px;
      padding: 9px 12px;
      font-size: 12px;
      color: var(--ink);
      font-weight: 600;
    }

    #Buz-member-app-template .cma-phone .cma-sim-field-row {
      display: flex;
      gap: 8px;
    }

    #Buz-member-app-template .cma-phone .cma-sim-field-row .cma-sim-field-value-box {
      flex: 1;
    }

    #Buz-member-app-template .cma-phone .cma-sim-pill-row {
      display: flex;
      gap: 6px;
    }

    #Buz-member-app-template .cma-phone .cma-sim-pill {
      padding: 7px 14px;
      border-radius: 20px;
      font-size: 11px;
      font-weight: 600;
      border: 1px solid var(--border2);
      background: var(--bg-section);
      color: var(--ink3);
    }

    #Buz-member-app-template .cma-phone .cma-sim-pill.cma-active {
      background: var(--blue);
      color: white;
      border-color: var(--blue);
    }

    #Buz-member-app-template .cma-phone .cma-sim-players-ctrl {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: var(--bg-section);
      border: 1px solid var(--border2);
      border-radius: 8px;
      padding: 9px 12px;
      font-size: 12px;
      font-weight: 600;
      color: var(--ink);
    }

    #Buz-member-app-template .cma-phone .cma-sim-stepper {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    #Buz-member-app-template .cma-phone .cma-sim-step-btn {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: var(--border2);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      color: var(--ink3);
      cursor: pointer;
    }

    #Buz-member-app-template .cma-phone .cma-sim-step-btn.cma-plus {
      background: var(--blue);
      color: white;
    }

    #Buz-member-app-template .cma-phone .cma-sim-step-val {
      font-size: 14px;
      font-weight: 700;
      min-width: 16px;
      text-align: center;
    }

    #Buz-member-app-template .cma-phone .cma-sim-book-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      width: 100%;
      padding: 10px 0;
      background: var(--blue);
      color: white;
      border: none;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
      margin-top: auto;
      font-family: 'Hind', sans-serif;
    }

    /* ========================================
       Push Notifications Lock Screen
       ======================================== */
    #Buz-member-app-template .cma-phone .cma-notif-lockscreen {
      flex: 1;
      padding: 16px 12px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      overflow-y: auto;
      background: var(--bg-section);
    }

    #Buz-member-app-template .cma-phone .cma-notif-date {
      font-size: 13px;
      font-weight: 600;
      color: var(--ink);
      text-align: center;
      margin-bottom: 6px;
    }

    #Buz-member-app-template .cma-phone .cma-notif-card {
      background: rgba(255,255,255,.92);
      border: 1px solid var(--border2);
      border-radius: 12px;
      padding: 10px 12px;
      backdrop-filter: blur(8px);
    }

    #Buz-member-app-template .cma-phone .cma-notif-card-hdr {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 4px;
    }

    #Buz-member-app-template .cma-phone .cma-notif-app-icon {
      width: 18px;
      height: 18px;
      border-radius: 4px;
      overflow: hidden;
      flex-shrink: 0;
    }

    #Buz-member-app-template .cma-phone .cma-notif-app-icon img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    #Buz-member-app-template .cma-phone .cma-notif-app-name {
      font-size: 10px;
      font-weight: 600;
      color: var(--ink3);
      flex: 1;
    }

    #Buz-member-app-template .cma-phone .cma-notif-time {
      font-size: 9px;
      color: var(--ink4);
    }

    #Buz-member-app-template .cma-phone .cma-notif-card-body strong {
      display: block;
      font-size: 11px;
      font-weight: 700;
      color: var(--ink);
      margin-bottom: 1px;
    }

    #Buz-member-app-template .cma-phone .cma-notif-card-body p {
      margin: 0;
      font-size: 10.5px;
      color: var(--ink3);
      line-height: 1.4;
    }