/* _content/bullxwinkles.ui/Components/Account/Pages/Login.razor.rz.scp.css */
.login-page[b-i6f73ges0m] { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding:2rem 1.2rem 1.5rem; }
.brand-header[b-i6f73ges0m] { display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem; }
.brand-logo[b-i6f73ges0m] { width:72px; height:72px; object-fit:cover; border-radius:1rem; box-shadow:0 4px 18px -4px rgba(0,0,0,.5); }
.brand-title[b-i6f73ges0m] { margin:0; font-size:1.6rem; font-weight:600; }
.brand-subtitle[b-i6f73ges0m] { margin:.15rem 0 0; opacity:.9; font-size:.95rem; }
.login-main[b-i6f73ges0m] { width:100%; display:flex; justify-content:center; }
.form-field[b-i6f73ges0m] { display:flex; flex-direction:column; gap:.45rem; }
.form-field label[b-i6f73ges0m] { font-weight:500; font-size:.95rem; }
.text-input[b-i6f73ges0m] { padding:.95rem 1rem; border-radius:.85rem; border:1px solid var(--brand-border); background:var(--brand-card-bg); color:#ecfdf5; font-size:1rem; box-shadow:inset 0 0 0 999px rgba(255,255,255,0.02); transition:border .2s, box-shadow .2s, background .3s; }
.text-input:focus[b-i6f73ges0m] { outline:none; border-color:var(--brand-accent); box-shadow:0 0 0 .15rem rgba(16,185,129,.35); }
.text-input[b-i6f73ges0m]::placeholder { opacity:.55; }
.remember-field[b-i6f73ges0m] { margin-top:.2rem; }
.remember-label[b-i6f73ges0m] { font-size:.85rem; display:flex; align-items:center; gap:.35rem; font-weight:500; }
.remember-check[b-i6f73ges0m] { width:1.1rem; height:1.1rem; }
.links-row[b-i6f73ges0m] { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.6rem; margin-top:.85rem; font-size:.85rem; }
.link-secondary[b-i6f73ges0m] { color:var(--brand-accent-light); text-decoration:none; font-weight:500; position:relative; }
.link-secondary[b-i6f73ges0m]::after { content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:var(--brand-accent-light); transition:width .25s; border-radius:2px; }
.link-secondary:hover[b-i6f73ges0m]::after { width:100%; }
.field-error[b-i6f73ges0m] { font-size:.7rem; color:#f87171; margin-top:-.25rem; }
.form-errors[b-i6f73ges0m] { font-size:.8rem; }
.providers-divider[b-i6f73ges0m] { display:flex; align-items:center; justify-content:center; margin:1.6rem 0 1.1rem; }
.providers-divider span[b-i6f73ges0m] { font-size:.7rem; text-transform:uppercase; letter-spacing:.15em; color:var(--brand-accent-light); position:relative; padding:0 .8rem; }
.providers-divider span[b-i6f73ges0m]::before, .providers-divider span[b-i6f73ges0m]::after { content:""; position:absolute; top:50%; width:65px; height:1px; background:var(--brand-border); }
.providers-divider span[b-i6f73ges0m]::before { left:-65px; }
.providers-divider span[b-i6f73ges0m]::after { right:-65px; }
.external-providers[b-i6f73ges0m] { text-align:center; }
.login-footer[b-i6f73ges0m] { margin-top:auto; padding:1.2rem .5rem .6rem; opacity:.7; font-size:.7rem; }
@media (max-width:520px){ .auth-card[b-i6f73ges0m] { padding:1.75rem 1.4rem 1.4rem; } .brand-header[b-i6f73ges0m] { flex-direction:column; text-align:center; } .brand-logo[b-i6f73ges0m] { width:64px; height:64px; } .auth-title[b-i6f73ges0m] { font-size:1.45rem; } }
@media (prefers-reduced-motion: reduce){ .auth-btn[b-i6f73ges0m], .link-secondary[b-i6f73ges0m]::after { transition:none; } }

/* _content/bullxwinkles.ui/Components/Account/Pages/VerifyIdentity.razor.rz.scp.css */
/* scoped styles for VerifyIdentity */
.verify-title[b-odjcwbqxbl]{font-size:1.6rem;font-weight:700;margin:0 0 .5rem;color:#f1f5f9}
.verify-copy[b-odjcwbqxbl]{color:#cbd5e1;max-width:60ch;margin:0 0 1rem}
.upload-card[b-odjcwbqxbl]{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:1rem;padding:1rem;box-shadow:0 6px 18px -6px rgba(0,0,0,.5);display:grid;gap:.8rem}
.drop-zone[b-odjcwbqxbl]{border:2px dashed rgba(255,255,255,.25);border-radius:.9rem;min-height:140px;display:grid;place-items:center;color:#e2e8f0;background:rgba(17,24,39,.45)}
.dz-inner[b-odjcwbqxbl]{opacity:.9}
.hidden-input[b-odjcwbqxbl]{display:none}
.upload-btn[b-odjcwbqxbl]{background:linear-gradient(135deg,#2563eb,#1e3a8a);border:1px solid rgba(255,255,255,.25);color:#fff;padding:.6rem 1rem;border-radius:.8rem;font-weight:600}
.upload-btn:disabled[b-odjcwbqxbl]{opacity:.6;cursor:not-allowed}
.status[b-odjcwbqxbl]{font-size:.9rem;color:#e2e8f0}
@media(max-width:860px){.verify-copy[b-odjcwbqxbl]{max-width:unset}}

/* _content/bullxwinkles.ui/Components/Chat/ChatWidget.razor.rz.scp.css */
.cw-shell[b-jdtkuhy5ag] {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  max-height: 600px;
}

.cw-header[b-jdtkuhy5ag] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .6rem .8rem;
  background: rgba(31,41,55,.95);
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.cw-title[b-jdtkuhy5ag] {
  font-weight: 700;
  color: #e5e7eb;
}

.cw-close[b-jdtkuhy5ag] {
  background: transparent;
  border: none;
  color: #9ca3af;
  font-size: 1rem;
  cursor: pointer;
}
.cw-close:hover[b-jdtkuhy5ag] { color: #e5e7eb; }

.cw-body[b-jdtkuhy5ag] {
  overflow-y: auto;
  overflow-x: hidden;
  padding: .75rem .75rem 1rem;
  background: linear-gradient(180deg, rgba(15,23,42,.9), rgba(17,24,39,.9));
  max-height: 450px;
  min-height: 200px;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.2) transparent;
}
.cw-body[b-jdtkuhy5ag]::-webkit-scrollbar { width: 6px; }
.cw-body[b-jdtkuhy5ag]::-webkit-scrollbar-track { background: transparent; }
.cw-body[b-jdtkuhy5ag]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius:3px; }
.cw-body[b-jdtkuhy5ag]::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.3); }

.cw-empty[b-jdtkuhy5ag] {
  color: #9ca3af;
  text-align: center;
  margin-top: 1.25rem;
}

.cw-msg[b-jdtkuhy5ag] {
  display: grid;
  gap: .25rem;
  margin-bottom: .5rem;
  max-width: 85%;
}

.cw-msg .cw-bubble[b-jdtkuhy5ag] {
  padding: .5rem .65rem;
  border-radius: .6rem;
  color: #e5e7eb;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(31,41,55,.6);
  backdrop-filter: blur(4px);
  max-width: min(80vw, 520px); /* Slightly reduce bubble max width for better readability */
}

.cw-msg.mine[b-jdtkuhy5ag] { justify-self: end; }
.cw-msg.mine .cw-bubble[b-jdtkuhy5ag] { background: linear-gradient(145deg,#0f766e,#0d9488); border-color: rgba(255,255,255,.18); }
.cw-msg.support .cw-bubble[b-jdtkuhy5ag] { background: rgba(37,99,235,.3); }

.cw-meta[b-jdtkuhy5ag] {
  font-size: .7rem;
  color: #9ca3af;
  text-align: right;
}

.cw-input[b-jdtkuhy5ag] {
  display: flex;
  gap: .5rem;
  padding: .6rem .75rem calc(.6rem + env(safe-area-inset-bottom,0));
  border-top: 1px solid rgba(255,255,255,.12);
  background: rgba(17,24,39,.85);
}

.cw-text[b-jdtkuhy5ag] {
  flex: 1 1 auto;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color: #fff;
  border-radius: .5rem;
  padding: .55rem .65rem;
  outline: none;
}
.cw-text:focus[b-jdtkuhy5ag] { border-color: #34d399; }

.cw-send[b-jdtkuhy5ag] {
  border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(145deg,#0f766e,#0d9488);
  color: #fff;
  border-radius: .5rem;
  padding: .55rem .75rem;
  cursor: pointer;
}
.cw-send:disabled[b-jdtkuhy5ag] { opacity: .6; cursor: not-allowed; }

.cw-image[b-jdtkuhy5ag] {
  max-width: 160px; /* smaller thumbnail */
  max-height: 160px;
  width: auto;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

/* Ensure bubbles don’t stretch too wide on mobile */
.cw-bubble img.cw-image[b-jdtkuhy5ag] {
  margin: 4px 0;
}

@media (max-width: 600px) {
  .support-chat-panel[b-jdtkuhy5ag] { /* unchanged panel sizing */
    left: .5rem;
    right: .5rem;
    width: auto;
    max-height: 80vh; /* a bit taller in mobile */
  }
  .cw-shell[b-jdtkuhy5ag] { max-height: 100%; height: 100%; }
  .cw-body[b-jdtkuhy5ag] { max-height: none; height: 100%; -webkit-overflow-scrolling: touch; }
  .cw-text[b-jdtkuhy5ag], .cw-send[b-jdtkuhy5ag] { font-size: 1rem; }
}

@media (max-width: 480px) {
  .cw-image[b-jdtkuhy5ag] {
    max-width: 120px;
    max-height: 120px;
  }
  .cw-msg .cw-bubble[b-jdtkuhy5ag] {
    max-width: 90vw;
  }
}
/* _content/bullxwinkles.ui/Components/Chat/Conversations.razor.rz.scp.css */
.conv-shell[b-qh6n4sjy37] {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 1rem;
  min-height: 60vh;
}

.conv-list[b-qh6n4sjy37] {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: .75rem;
  background: rgba(17,24,39,.92); /* was .6, now much more opaque */
  padding: .75rem;
  box-shadow: 0 4px 18px -2px rgba(0,0,0,.55); /* subtle elevation */
}

.conv-list h2[b-qh6n4sjy37] {
  margin: .25rem 0 .75rem;
}

.muted[b-qh6n4sjy37] {
  color: #9ca3af;
}

.conv-item[b-qh6n4sjy37] {
  display: block;
  width: 100%;
  text-align: left;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(31,41,55,.85); /* was .5, increase opacity */
  color: #e5e7eb;
  border-radius: .5rem;
  padding: .5rem .6rem;
  margin-bottom: .5rem;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.conv-item.active[b-qh6n4sjy37], .conv-item:hover[b-qh6n4sjy37] {
  background: rgba(55,65,81,.95); /* darker for active/hover */
  border-color: rgba(255,255,255,.28);
}

.ci-title[b-qh6n4sjy37] { font-weight: 600; }
.ci-meta[b-qh6n4sjy37] { font-size: .8rem; color: #9ca3af; }

.conv-chat[b-qh6n4sjy37] {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: .75rem;
  background: rgba(17,24,39,.6);
  padding: 0;
  overflow: hidden;
}

.conv-chat-inner[b-qh6n4sjy37] {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  min-height: 60vh;
  max-height: 80vh; /* bounded height for viewport */
}

.conv-msgs[b-qh6n4sjy37] {
  padding: .75rem;
  overflow-y: auto;
  overflow-x: hidden;
  background: linear-gradient(180deg, rgba(15,23,42,.9), rgba(17,24,39,.9));
  max-height: 60vh; /* explicit scroll container */
  min-height: 300px;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: rgba(255,255,255,0.2) transparent; /* Firefox */
}

/* Webkit browsers (Chrome, Safari, Edge) */
.conv-msgs[b-qh6n4sjy37]::-webkit-scrollbar {
  width: 6px;
}

.conv-msgs[b-qh6n4sjy37]::-webkit-scrollbar-track {
  background: transparent;
}

.conv-msgs[b-qh6n4sjy37]::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.2);
  border-radius: 3px;
}

.conv-msgs[b-qh6n4sjy37]::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.3);
}

.cv-msg[b-qh6n4sjy37] { margin-bottom: .5rem; max-width: 80%; }
.cv-msg.support[b-qh6n4sjy37] { margin-left: auto; }
.cv-image[b-qh6n4sjy37] {
  max-width: 160px;
  max-height: 160px;
  width: auto;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
  margin: 4px 0;
}
.cv-bubble[b-qh6n4sjy37] {
  padding: .5rem .65rem;
  border-radius: .6rem;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(31,41,55,.6);
  /* keep bubbles readable */
  max-width: min(80vw, 640px);
}
.cv-msg.support .cv-bubble[b-qh6n4sjy37] {
  background: linear-gradient(145deg,#0f766e,#0d9488);
}

/* Enhanced message header with timestamp */
.msg-header[b-qh6n4sjy37] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  font-size: .75rem;
  gap: .5rem;
  flex-wrap: wrap;
}

.msg-sender[b-qh6n4sjy37] {
  font-weight: 600;
  color: #d1fae5;
}

.msg-timestamp[b-qh6n4sjy37] {
  display: flex;
  align-items: center;
  gap: .4rem;
  color: #9ca3af;
  font-size: .7rem;
}

.msg-date[b-qh6n4sjy37] {
  padding: .15rem .4rem;
  background: rgba(0,0,0,.25);
  border-radius: .35rem;
  font-weight: 500;
}

.msg-time[b-qh6n4sjy37] {
  padding: .15rem .4rem;
  background: rgba(0,0,0,.2);
  border-radius: .35rem;
  font-weight: 500;
  white-space: nowrap;
}

.msg-content[b-qh6n4sjy37] {
  color: #ecfdf5;
  line-height: 1.5;
  word-wrap: break-word;
}

.cv-msg.support .msg-sender[b-qh6n4sjy37] {
  color: #f0fdfa;
}

.cv-msg.support .msg-timestamp[b-qh6n4sjy37] {
  color: rgba(255,255,255,.8);
}

.cv-msg.support .msg-date[b-qh6n4sjy37],
.cv-msg.support .msg-time[b-qh6n4sjy37] {
  background: rgba(0,0,0,.3);
}

.conv-input[b-qh6n4sjy37] {
  display: flex;
  gap: .5rem;
  padding: .6rem .75rem;
  border-top: 1px solid rgba(255,255,255,.12);
  background: rgba(17,24,39,.85);
}

.conv-text[b-qh6n4sjy37] {
  flex: 1 1 auto;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color: #fff;
  border-radius: .5rem;
  padding: .55rem .65rem;
  outline: none;
}
.conv-text:focus[b-qh6n4sjy37] { border-color: #34d399; }

.conv-send[b-qh6n4sjy37] {
  border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(145deg,#0f766e,#0d9488);
  color: #fff;
  border-radius: .5rem;
  padding: .55rem .75rem;
  cursor: pointer;
}
.conv-send:disabled[b-qh6n4sjy37] { opacity: .6; cursor: not-allowed; }

@media (max-width: 767px) {
  .conv-shell[b-qh6n4sjy37] {
    grid-template-columns: 1fr;
  }
  .conv-list[b-qh6n4sjy37] {
    /* mobile overlay retains opacity */
    background: rgba(17,24,39,.95);
    display: none;
    position: absolute;
    z-index: 40;
    width: 90%;
    left: 5%;
    top: 4rem;
    max-height: 70vh;
    overflow-y: auto;
  }
  .conv-list.show[b-qh6n4sjy37] { display: block; }
  .conv-chat-inner[b-qh6n4sjy37] { grid-template-rows: auto 1fr auto; }
  .cv-msg[b-qh6n4sjy37] { max-width: 100%; }
}

@media (max-width: 480px) {
  .cv-image[b-qh6n4sjy37] { max-width: 120px; max-height: 120px; }
  .cv-bubble[b-qh6n4sjy37] { max-width: 92vw; }
}
/* _content/bullxwinkles.ui/Components/Chat/SupportChatButton.razor.rz.scp.css */
.support-chat-btn[b-hbk72sv3po] {
  position: fixed;
  right: 1.25rem;
  bottom: 5rem; /* replaced calc(var(--footer-height,...)) with fixed offset */
  z-index: 1100;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  border: 1px solid rgba(255,255,255,0.2);
  background: linear-gradient(145deg,#0f766e,#0d9488);
  color: #fff;
  padding: .65rem .9rem;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(0,0,0,.35);
  cursor: pointer;
  backdrop-filter: blur(6px);
}
.support-chat-btn:hover[b-hbk72sv3po] {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0,0,0,.45);
}
.support-chat-btn:active[b-hbk72sv3po] {
  transform: translateY(0);
}

.scb-dot[b-hbk72sv3po] {
  width: .6rem;
  height: .6rem;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(52,211,153,.25);
}

.support-chat-overlay[b-hbk72sv3po] {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  z-index: 1099;
}

.support-chat-panel[b-hbk72sv3po] {
  position: fixed;
  right: 1rem;
  bottom: 9.25rem; /* replaced calc(var(--footer-height, 80px) + 4.25rem) with fixed value */
  width: min(95vw, 420px);
  max-height: min(75vh, 720px);
  height: auto; /* let content define height to avoid empty space below input */
  display: flex;
  flex-direction: column;
  background: rgba(17,24,39,.9);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 1rem;
  box-shadow: 0 24px 50px rgba(0,0,0,.5);
  overflow: hidden;
  z-index: 1101;
}

.support-chat-inner[b-hbk72sv3po] {
  display: contents;
}

@media (max-width: 600px) {
  .support-chat-panel[b-hbk72sv3po] {
    left: .75rem;
    right: .75rem;
    bottom: 1rem;
    width: auto;
    max-height: 85vh;
    height: 85vh; /* explicit for mobile */
    display: flex;
    flex-direction: column;
  }
  .support-chat-btn[b-hbk72sv3po] {
    bottom: 1rem; /* keep button reachable */
  }
  .support-chat-inner[b-hbk72sv3po] { display: contents; }
}
/* _content/bullxwinkles.ui/Components/Layout/MainLayout.razor.rz.scp.css */
/* Header */
.site-header[b-9xlboov976] {
    position: sticky;
    top: 0;
    z-index: 1001;
    background: rgba(17, 24, 39, 0.65);
    backdrop-filter: blur(6px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.site-header.unified[b-9xlboov976] {
    background: rgba(17, 24, 39, .7);
    backdrop-filter: blur(10px);
}

.header-inner[b-9xlboov976] {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
}

/* Added shared header text styles */
.header-text[b-9xlboov976] {
    display: flex;
    flex-direction: column;
}

.site-title[b-9xlboov976] {
    margin: 0;
    font-size: clamp(1.6rem, 4vw, 2.15rem);
    font-weight: 700;
    letter-spacing: .5px;
    color: #ecfdf5;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.site-subtitle[b-9xlboov976] {
    margin: .35rem 0 0;
    font-size: clamp(.85rem, 2.2vw, 1.05rem);
    font-weight: 500;
    color: #d1fae5;
    letter-spacing: .3px;
}

.logo[b-9xlboov976] {
    height: 1.5rem; /* reduced size */
    width: auto;
    display: block;
}

/* LAYOUT WRAPPER: push footer to bottom */
.page[b-9xlboov976] {
    position: relative;
    display: block;
    flex: 1 0 auto;
    overflow-x: hidden; /* prevent horizontal scroll */
    width: 100%;
}

.site-footer[b-9xlboov976] {
    flex-shrink: 0;
    margin-top: auto;
}

main[b-9xlboov976] {
    order: 1;
    flex: 1 1 auto;
    min-width: 0; /* allow content to shrink and not push sidebar off-screen */
}

.sidebar[b-9xlboov976] {
    order: 2;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    color: #e5e7eb;

    /* visible, right-side persistent panel */
    position: sticky;
    top: 0;
    width: 280px;
    height: 100vh;
    box-shadow: -2px 0 16px rgba(0, 0, 0, 0.15);

    /* explicitly no off-canvas transform in base */
    transform: none;
}

/* Hide mobile controls by default (desktop) */
.menu-button[b-9xlboov976],
.sidebar-overlay[b-9xlboov976],
.offcanvas-toggle[b-9xlboov976] {
    display: none;
}

/* Ensure NavMenu content is visible and internal toggler hidden in the sidebar */
.sidebar[b-9xlboov976]  .navbar-toggler {
    display: none !important;
}

.sidebar[b-9xlboov976]  .nav-scrollable {
    display: block !important;
    height: calc(100vh - 3.5rem);
    overflow-y: auto;
}

.sidebar[b-9xlboov976]  .top-row {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

/* Mobile: Off-canvas sidebar sliding from the right */
@media (max-width: 640.98px) {
    .page[b-9xlboov976] {
        flex-direction: column;
    }

    /* Visually hidden checkbox, but present for toggling */
    .offcanvas-toggle[b-9xlboov976] {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
        pointer-events: none;
        display: block;
    }

    .menu-button[b-9xlboov976] {
        position: fixed;
        top: 0.75rem;
        right: 0.75rem;
        width: 2.75rem;
        height: 2.75rem;
        display: grid;
        place-items: center;
        border-radius: 0.5rem;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(17, 24, 39, 0.55);
        color: white;
        z-index: 1000;
        cursor: pointer;
        backdrop-filter: blur(6px);
    }

    .menu-button:hover[b-9xlboov976] {
        background: rgba(17, 24, 39, 0.7);
    }

    .menu-icon[b-9xlboov976],
    .menu-icon[b-9xlboov976]::before,
    .menu-icon[b-9xlboov976]::after {
        content: "";
        display: block;
        width: 1.35rem;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        position: relative;
    }

    .menu-icon[b-9xlboov976]::before {
        position: absolute;
        transform: translateY(-6px);
    }

    .menu-icon[b-9xlboov976]::after {
        position: absolute;
        transform: translateY(6px);
    }

    /* Off-canvas panel on mobile */
    .sidebar[b-9xlboov976] {
        order: 0;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(80vw, 320px);
        max-width: 100%;
        transform: translateX(100%); /* hide off the right edge */
        transition: transform 0.25s ease-in-out;
        z-index: 999;
        -webkit-overflow-scrolling: touch;
        box-shadow: -2px 0 16px rgba(0, 0, 0, 0.35);
    }

    /* Dark overlay behind the sidebar on mobile */
    .sidebar-overlay[b-9xlboov976] {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 998;
    }

    /* When menu is opened */
    .offcanvas-toggle:checked ~ .page .sidebar[b-9xlboov976] {
        transform: translateX(0);
    }

    .offcanvas-toggle:checked ~ .page .sidebar-overlay[b-9xlboov976] {
        display: block;
    }

    /* Mobile guest navigation */
    .guest-nav[b-9xlboov976] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-end;
    }

    .nav-link[b-9xlboov976] {
        font-size: 0.85rem;
        padding: 0.4rem 0.8rem;
    }
}

/* Added brand + footer styles */
.brand[b-9xlboov976] {
    display: flex;
    align-items: center;
    gap: .85rem;
    text-decoration: none;
}

.brand:hover .site-title[b-9xlboov976] {
    text-decoration: underline;
}

.logo-img[b-9xlboov976] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .35);
    border: 2px solid rgba(255, 255, 255, .35);
}

.brand-text[b-9xlboov976] {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #ecfdf5;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
    font-family: 'Montserrat', 'Inter', sans-serif;
}

.brand:hover .brand-text[b-9xlboov976] {
    color: #60a5fa;
    text-shadow: 0 0 20px rgba(96, 165, 250, 0.8),
    0 0 40px rgba(96, 165, 250, 0.5),
    0 2px 8px rgba(0, 0, 0, 0.4);
    transform: scale(1.05);
}

.brand-lines[b-9xlboov976] { /* ensure vertical stacking */
    display: flex;
    flex-direction: row;
    align-items: anchor-center;
    line-height: 1.05;
}

.brand-subtitle[b-9xlboov976] {
    margin-top: .15rem;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .45px;
    text-transform: uppercase;
    color: #9be3cf;
    opacity: .85;
    font-family: 'Montserrat', 'Inter', sans-serif;
}

.brand:hover .brand-subtitle[b-9xlboov976] {
    color: #6ee7b7;
}

.site-footer[b-9xlboov976] {
    background: rgba(15, 23, 42, 0.82);
    backdrop-filter: blur(8px);
    padding: 1.6rem 1.25rem 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-inner[b-9xlboov976] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    flex-wrap: wrap;
}

.footer-brand[b-9xlboov976] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-start;
}

.footer-logo[b-9xlboov976] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    object-fit: cover;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .35);
    border: 2px solid rgba(255, 255, 255, 0.25);
}

.foot-tag[b-9xlboov976] {
    font-size: .8rem;
    letter-spacing: .5px;
    color: #9be3cf;
    margin-top: .2rem;
}

.foot-copy[b-9xlboov976] {
    font-size: .72rem;
    opacity: .7;
    margin-top: .3rem;
}

.footer-links[b-9xlboov976] {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.footer-link[b-9xlboov976] {
    color: #d1fae5;
    text-decoration: none;
    font-size: .9rem;
    font-weight: 500;
    position: relative;
    padding: .2rem 0;
    transition: color .25s;
    white-space: nowrap;
}

.footer-link[b-9xlboov976]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #34d399;
    transition: width .3s;
    border-radius: 2px;
}

.footer-link:hover[b-9xlboov976] {
    color: #6ee7b7;
}

.footer-link:hover[b-9xlboov976]::after {
    width: 100%;
}

.footer-link.active[b-9xlboov976] {
    color: #34d399;
    font-weight: 600;
}

.footer-nav[b-9xlboov976] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    font-size: .9rem;
}

.footer-nav a[b-9xlboov976] {
    color: #d1fae5;
    text-decoration: none;
    position: relative;
    padding: .15rem 0;
}

.footer-nav a[b-9xlboov976]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #34d399;
    transition: width .3s;
    border-radius: 2px;
}

.footer-nav a:hover[b-9xlboov976]::after {
    width: 100%;
}

.footer-nav a:hover[b-9xlboov976] {
    color: #6ee7b7;
}

.footer-social[b-9xlboov976] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: nowrap;
}

.social-icon[b-9xlboov976] {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #0f766e, #0d9488);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .4);
    position: relative;
    overflow: hidden;
    transition: transform .25s, box-shadow .25s, background .3s;
    flex-shrink: 0;
}

.social-icon[b-9xlboov976]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .28), transparent 65%);
    mix-blend-mode: overlay;
}

.social-icon:hover[b-9xlboov976] {
    transform: translateY(-4px) rotate(-3deg);
    box-shadow: 0 8px 22px -4px rgba(0, 0, 0, .55);
}

.social-icon:active[b-9xlboov976] {
    transform: translateY(-1px) scale(.95);
}

.social-icon:focus[b-9xlboov976] {
    outline: 2px solid #34d399;
    outline-offset: 3px;
}

/* Simple pseudo-icons */
.si-fb[b-9xlboov976]::after {
    content: "f";
    font-weight: 700;
    font-family: system-ui, Arial, sans-serif;
    color: #fff;
    font-size: 1rem;
}

.si-ig[b-9xlboov976]::after {
    content: "◎";
    font-size: 1.1rem;
    color: #fff;
}

.si-wa[b-9xlboov976]::after {
    content: "✆";
    font-size: 1rem;
    color: #fff;
}

@media (max-width: 640px) {
    .footer-inner[b-9xlboov976] {
        grid-template-columns:1fr;
        text-align: center;
    }

    .footer-brand[b-9xlboov976] {
        justify-content: center;
    }

    .footer-nav[b-9xlboov976] {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer-nav a[b-9xlboov976] {
        padding: .2rem .6rem;
    }

    .footer-social[b-9xlboov976] {
        justify-content: center;
    }
}

/* Additions: fade-in header, updated offcanvas selectors, svg social icons styling */
.fade-in[b-9xlboov976] {
    animation: fadeInSlide-b-9xlboov976 .5s ease both;
}

@keyframes fadeInSlide-b-9xlboov976 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.main-shell[b-9xlboov976] {
    padding-top: .25rem;
}

/* Uniform SVG social icons */
.social-icon .si-svg[b-9xlboov976] {
    width: 20px;
    height: 20px;
    fill: #fff;
    display: block;
}

.social-icon:hover .si-svg[b-9xlboov976] {
    fill: #f0fdfa;
}

/* Highlight wrapper for main content (used by all non-Landing pages via MainLayout) */
:root[b-9xlboov976] {
    --panel-bg-start: rgba(255, 255, 255, 0.06);
    --panel-bg-end: rgba(255, 255, 255, 0.03);
    --panel-border: rgba(255, 255, 255, 0.12);
    --panel-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    --panel-radius: 18px;
}

@media (prefers-color-scheme: light) {
    :root[b-9xlboov976] {
        --panel-bg-start: rgba(255, 255, 255, 0.9);
        --panel-bg-end: rgba(255, 255, 255, 0.85);
        --panel-border: rgba(0, 0, 0, 0.08);
        --panel-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    }
}

.content-wrap[b-9xlboov976] {
    display: flex;
    justify-content: center;
    padding: clamp(16px, 3vw, 32px);
}

.content-panel[b-9xlboov976] {
    width: min(1150px, 100%);
    background: linear-gradient(180deg, var(--panel-bg-start), var(--panel-bg-end));
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius);
    box-shadow: var(--panel-shadow);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: clamp(18px, 3vw, 28px);
}

/* Restore centered content layout */
.page[b-9xlboov976] {
    display: block;
}

.content-panel[b-9xlboov976] {
    margin: 0 auto;
}

/* Emphasize headings inside content */
.content-panel h1[b-9xlboov976], .content-panel h2[b-9xlboov976] {
    margin-top: 0.2rem;
    letter-spacing: 0.2px;
}

/* Sidebar Conversations link */
.sidebar-extra-link[b-9xlboov976] {
    padding: .5rem .75rem 1rem;
}

.sidebar-extra-link a[b-9xlboov976] {
    display: block;
    color: #e5e7eb;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(17, 24, 39, .45);
    border-radius: .5rem;
    padding: .5rem .75rem;
}

.sidebar-extra-link a:hover[b-9xlboov976] {
    background: rgba(17, 24, 39, .6);
    border-color: rgba(255, 255, 255, .2);
}

/* CLEANUP: Removed sidebar/offcanvas/nav styles now handled in NavMenu. Keep header, brand, footer, content layout. */
.page[b-9xlboov976] {
    display: block;
}

.primary-nav[b-9xlboov976], .menu-button[b-9xlboov976], .offcanvas-panel[b-9xlboov976], .offcanvas-overlay[b-9xlboov976], .sidebar[b-9xlboov976], .guest-nav[b-9xlboov976], .user-pill[b-9xlboov976], .logout-btn[b-9xlboov976], .off-link[b-9xlboov976] { /* removed from layout scope */
}

/* Unified header/nav and offcanvas panel styles */
.primary-nav[b-9xlboov976] {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

.primary-nav .nav-link[b-9xlboov976] {
    position: relative;
}

.user-pill[b-9xlboov976] {
    padding: .45rem .9rem;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 2rem;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .5px;
    color: #f0f9ff;
    backdrop-filter: blur(6px);
}

.user-pill[b-9xlboov976]:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .15);
}

/* Offcanvas panel (new state-based version) */
.offcanvas-panel[b-9xlboov976] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(82vw, 340px);
    max-width: 100%;
    background: linear-gradient(165deg, rgba(17, 24, 39, .92), rgba(31, 41, 55, .85));
    backdrop-filter: blur(14px) saturate(140%);
    border-left: 1px solid rgba(255, 255, 255, .08);
    transform: translateX(100%);
    transition: transform .35s cubic-bezier(.25, .8, .25, 1);
    z-index: 1100;
    display: flex;
    flex-direction: column;
    padding: 1.15rem .95rem 1.4rem;
    gap: .9rem;
    overflow-y: auto;
}

.offcanvas-panel.open[b-9xlboov976] {
    transform: translateX(0);
}

.offcanvas-header[b-9xlboov976] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.close-offcanvas[b-9xlboov976] {
    background: none;
    border: none;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    color: #cbd5e1;
    padding: .25rem .55rem;
    border-radius: .6rem;
    transition: background .25s, color .25s;
}

.close-offcanvas:hover[b-9xlboov976] {
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

.offcanvas-nav[b-9xlboov976] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.off-link[b-9xlboov976] {
    display: block;
    padding: .75rem .85rem;
    border-radius: .7rem;
    background: rgba(255, 255, 255, .06);
    color: #e2e8f0;
    font-weight: 600;
    font-size: .9rem;
    letter-spacing: .35px;
    text-decoration: none;
    transition: background .3s, color .3s;
}

.off-link:hover[b-9xlboov976] {
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.offcanvas-user[b-9xlboov976] {
    font-size: .75rem;
    color: #cbd5e1;
}

.offcanvas-overlay[b-9xlboov976] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    backdrop-filter: blur(4px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s;
    z-index: 1090;
}

.offcanvas-overlay.open[b-9xlboov976] {
    opacity: 1;
    pointer-events: auto;
}

/* Desktop vs mobile visibility */
.menu-button[b-9xlboov976] {
    display: none;
}

@media (max-width: 860px) {
    .primary-nav[b-9xlboov976] {
        display: none;
    }

    .menu-button[b-9xlboov976] {
        display: grid;
        place-items: center;
        width: 2.7rem;
        height: 2.7rem;
        border-radius: .65rem;
        border: 1px solid rgba(255, 255, 255, .18);
        background: rgba(17, 24, 39, .6);
        cursor: pointer;
        position: relative;
        z-index: 1200;
    }

    .menu-icon[b-9xlboov976], .menu-icon[b-9xlboov976]:before, .menu-icon[b-9xlboov976]:after {
        content: "";
        display: block;
        width: 1.3rem;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        position: relative;
    }

    .menu-icon[b-9xlboov976]:before {
        position: absolute;
        transform: translateY(-6px);
    }

    .menu-icon[b-9xlboov976]:after {
        position: absolute;
        transform: translateY(6px);
    }

    .desktop-logout-form[b-9xlboov976] {
        display: none;
    }
}

@media (min-width: 861px) {
    .offcanvas-panel[b-9xlboov976], .offcanvas-overlay[b-9xlboov976] {
        display: none;
    }
}

/* Adjust existing logout button style reuse */
.logout-btn.desktop-logout[b-9xlboov976] {
    margin-left: .4rem;
}

/* Optional: prevent body scroll under menu (layout scope) */
.offcanvas-panel.open ~ .page[b-9xlboov976] { /* no change to content for now */
}

/* Age badge styles */
.age-badge[b-9xlboov976] {
  display:inline-block;
  margin:.45rem 0 .35rem;
  padding:.28rem .55rem .3rem;
  font-size:.65rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:#f0fdfa;
  background:rgba(124,58,237,.18);
  border:1px solid rgba(124,58,237,.55);
  border-radius:.5rem;
  box-shadow:0 2px 6px -2px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08) inset;
  backdrop-filter:blur(4px) saturate(140%);
}
.age-badge:hover[b-9xlboov976] { background:rgba(124,58,237,.28); }
@media (prefers-color-scheme:light){ .age-badge[b-9xlboov976] { background:rgba(124,58,237,.15); border-color:rgba(124,58,237,.55); color:#222; box-shadow:0 1px 4px -1px rgba(0,0,0,.3); } }
/* _content/bullxwinkles.ui/Components/Layout/NavMenu.razor.rz.scp.css */
/* --- Nav theme variables --- */
:root[b-vo88bqxqbh] {
  --nav-btn-bg: rgba(255,255,255,0.08);
  --nav-btn-bg-hover: rgba(255,255,255,0.16);
  --nav-btn-bg-active-grad: linear-gradient(135deg,#6366f1,#4f46e5);
  --nav-btn-border: rgba(255,255,255,0.22);
  --nav-btn-radius: .85rem; /* slightly more rounded */
  --nav-btn-text: #e2e8f0;
  --nav-btn-shadow-hover: 0 8px 24px -8px rgba(0,0,0,.45);
  --nav-focus-ring: 2px solid #60a5fa;
  --nav-accent-grad: linear-gradient(135deg,#2563eb,#1e3a8a);
  --nav-accent-grad-hover: linear-gradient(135deg,#1d4ed8,#172554);
  --nav-danger-grad: linear-gradient(135deg,#dc2626,#b91c1c);
  --nav-danger-grad-hover: linear-gradient(135deg,#ef4444,#dc2626);
}

/* Remove legacy hidden classes entirely */
.unified-nav[b-vo88bqxqbh], .nav-section[b-vo88bqxqbh], .navbar-toggler[b-vo88bqxqbh], .public-links[b-vo88bqxqbh], .auth-links[b-vo88bqxqbh], .user-section[b-vo88bqxqbh] { display:none !important; }

/* NAV INLINE REFINED */
.nav-inline[b-vo88bqxqbh] {
  display:flex; flex-wrap:nowrap; align-items:center; gap:.9rem; justify-content:flex-end;
}

/* REFINED NAV BUTTON STYLE (clean anchor-like) */
.nav-button[b-vo88bqxqbh] {
  background: var(--nav-btn-bg);
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 4px 12px -4px rgba(0,0,0,.4);
  padding: .6rem 1.1rem; /* slightly larger */
  font-size: .88rem;
  font-weight:600;
  letter-spacing:.3px;
  border-radius: var(--nav-btn-radius);
  color: var(--nav-btn-text);
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  text-decoration:none;
  transition: background .22s ease, box-shadow .22s ease, transform .22s ease, color .22s ease;
  will-change: transform;
}
.nav-button[b-vo88bqxqbh]::after { display:none; }
.nav-button:hover[b-vo88bqxqbh] { background: var(--nav-btn-bg-hover); box-shadow: var(--nav-btn-shadow-hover); transform:translateY(-1px); }
.nav-button:active[b-vo88bqxqbh] { transform:translateY(0); box-shadow:0 3px 10px -4px rgba(0,0,0,.5); }
.nav-button:focus-visible[b-vo88bqxqbh] { outline: var(--nav-focus-ring); outline-offset:3px; }
.nav-button.active[b-vo88bqxqbh] { background: var(--nav-btn-bg-active-grad); color:#fff; box-shadow:0 10px 26px -8px rgba(79,70,229,.55); }

/* Stronger specificity to override global link styles */
.nav-root .nav-inline a.nav-button[b-vo88bqxqbh],
.nav-inline a.nav-button[b-vo88bqxqbh],
.nav-button[b-vo88bqxqbh] {
  text-decoration: none !important;
  color: var(--nav-btn-text) !important;
  border-radius: var(--nav-btn-radius) !important;
  background: var(--nav-btn-bg) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: 0 4px 12px -4px rgba(0,0,0,.4) !important;
}

/* Hover/active with specificity */
.nav-root .nav-inline a.nav-button:hover[b-vo88bqxqbh],
.nav-inline a.nav-button:hover[b-vo88bqxqbh],
.nav-button:hover[b-vo88bqxqbh] {
  background: var(--nav-btn-bg-hover) !important;
  box-shadow: var(--nav-btn-shadow-hover) !important;
  transform: translateY(-1px) !important;
}

.nav-root .nav-inline a.nav-button.active[b-vo88bqxqbh],
.nav-inline a.nav-button.active[b-vo88bqxqbh],
.nav-button.active[b-vo88bqxqbh] {
  background: var(--nav-btn-bg-active-grad) !important;
  color: #fff !important;
  box-shadow: 0 10px 26px -8px rgba(79,70,229,.55) !important;
}

/* Accent (Sign Up) */
.nav-button.accent[b-vo88bqxqbh] { background: var(--nav-accent-grad); border:1px solid rgba(255,255,255,.25); color:#fff; }
.nav-button.accent:hover[b-vo88bqxqbh] { background: var(--nav-accent-grad-hover); }

/* Accent and logout buttons with specificity */
.nav-root .nav-inline a.nav-button.accent[b-vo88bqxqbh],
.nav-inline a.nav-button.accent[b-vo88bqxqbh],
.nav-button.accent[b-vo88bqxqbh] { background: var(--nav-accent-grad) !important; border:1px solid rgba(255,255,255,.25) !important; color:#fff !important; }
.nav-root .nav-inline a.nav-button.accent:hover[b-vo88bqxqbh],
.nav-inline a.nav-button.accent:hover[b-vo88bqxqbh],
.nav-button.accent:hover[b-vo88bqxqbh] { background: var(--nav-accent-grad-hover) !important; }

.nav-root .nav-inline .logout-btn[b-vo88bqxqbh],
.logout-btn[b-vo88bqxqbh] { background: var(--nav-danger-grad) !important; border:1px solid rgba(255,255,255,.22) !important; color:#fff !important; }
.nav-root .nav-inline .logout-btn:hover[b-vo88bqxqbh],
.logout-btn:hover[b-vo88bqxqbh] { background: var(--nav-danger-grad-hover) !important; }

/* User button */
.user-button[b-vo88bqxqbh] { background: rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.26); }
.user-button:hover[b-vo88bqxqbh] { background: rgba(255,255,255,.22); }

/* Logout button */
.logout-btn[b-vo88bqxqbh] { background: var(--nav-danger-grad); border:1px solid rgba(255,255,255,.22); color:#fff; }
.logout-btn:hover[b-vo88bqxqbh] { background: var(--nav-danger-grad-hover); }

/* MOBILE: hide inline row */
@media (max-width:860px){ .nav-inline[b-vo88bqxqbh] { display:none; } }
@media (max-width:1080px){ .nav-inline[b-vo88bqxqbh] { flex-wrap:wrap; justify-content:center; } }

/* Compact adjustments on very narrow screens before offcanvas kicks in */
@media (max-width:900px){ .nav-button[b-vo88bqxqbh] { padding:.54rem .9rem; font-size:.84rem; } }

/* OFFCANVAS unify with nav-button look */
.off-link[b-vo88bqxqbh] { 
  background: var(--nav-btn-bg); 
  border:1px solid rgba(255,255,255,0.16); 
  border-radius: var(--nav-btn-radius); 
  padding:.7rem 1rem; 
  color: var(--nav-btn-text);
  text-decoration:none;
  display:block;
}
.off-link:hover[b-vo88bqxqbh] { background: var(--nav-btn-bg-hover); color:#fff; }
.off-link.accent[b-vo88bqxqbh] { background: var(--nav-accent-grad); border:1px solid rgba(255,255,255,.25); color:#fff; }
.off-link.accent:hover[b-vo88bqxqbh] { background: var(--nav-accent-grad-hover); }
.logout-mobile[b-vo88bqxqbh] { background: var(--nav-danger-grad); border:1px solid rgba(255,255,255,.22); color:#fff; }
.logout-mobile:hover[b-vo88bqxqbh] { background: var(--nav-danger-grad-hover); }

/* Offcanvas user label */
.offcanvas-user[b-vo88bqxqbh] { font-size:.75rem; color:#cbd5e1; margin-top:.3rem; padding:.25rem .4rem; opacity:.85; }

/* Refine menu button - fixed top right corner */
.menu-button[b-vo88bqxqbh] { display:none; }
@media (max-width:860px){
  .menu-button[b-vo88bqxqbh] { 
    display:grid; 
    place-items:center; 
    width:2.9rem; 
    height:2.9rem; 
    border-radius:.85rem; 
    border:1px solid rgba(255,255,255,.25); 
    background:rgba(17,24,39,.55); 
    color:#fff; 
    cursor:pointer; 
    backdrop-filter:blur(6px); 
    transition:background .25s, box-shadow .25s;
    position:fixed;
    top:1rem;
    right:1rem;
    z-index:1300;
  }
  .menu-button:hover[b-vo88bqxqbh] { background:rgba(17,24,39,.7); box-shadow:0 6px 16px -4px rgba(0,0,0,.5); }
  .menu-icon[b-vo88bqxqbh], .menu-icon[b-vo88bqxqbh]:before, .menu-icon[b-vo88bqxqbh]:after { content:""; display:block; width:1.4rem; height:2px; background:#fff; border-radius:2px; position:relative; }
  .menu-icon[b-vo88bqxqbh]:before { position:absolute; transform:translateY(-6px); }
  .menu-icon[b-vo88bqxqbh]:after { position:absolute; transform:translateY(6px); }
}

/* Offcanvas panel refinements - fullscreen on mobile */
.offcanvas-panel[b-vo88bqxqbh] { 
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100vh;
  max-width:100%;
  background:linear-gradient(165deg,rgba(17,24,39,.96),rgba(31,41,55,.92));
  backdrop-filter:blur(14px) saturate(140%);
  border:none;
  box-shadow:none;
  transform:translateX(110%);
  pointer-events:none;
  transition:transform .4s cubic-bezier(.25,.8,.25,1);
  z-index:1250;
  display:flex;
  flex-direction:column;
  padding:1.5rem 1.25rem;
  gap:1rem;
  overflow-y:auto;
}
.offcanvas-panel.open[b-vo88bqxqbh] { 
  transform:translateX(0);
  pointer-events:auto;
}
.offcanvas-header[b-vo88bqxqbh] { 
  display:flex; 
  align-items:center; 
  justify-content:space-between;
  padding-bottom:.75rem;
  border-bottom:1px solid rgba(255,255,255,.12);
}

/* Overlay: ensure it doesn't block clicks when closed */
.offcanvas-overlay[b-vo88bqxqbh] { 
  position:fixed; 
  inset:0; 
  background:rgba(0,0,0,.55); 
  backdrop-filter:blur(4px); 
  opacity:0; 
  pointer-events:none; 
  transition:opacity .35s; 
  z-index:1090; 
  display:block; /* will be hidden on desktop via media query */
}
.offcanvas-overlay.open[b-vo88bqxqbh] { 
  opacity:1; 
  pointer-events:auto; 
}

/* Focus ring for accessibility on buttons inside nav-inline */
.nav-button:focus-visible[b-vo88bqxqbh], .logout-btn:focus-visible[b-vo88bqxqbh] { box-shadow:0 0 0 3px rgba(96,165,250,.55); }

/* Desktop: explicitly hide mobile-only UI */
@media (min-width:861px){
  .menu-button[b-vo88bqxqbh], .offcanvas-panel[b-vo88bqxqbh], .offcanvas-overlay[b-vo88bqxqbh] { display:none !important; }
  .nav-inline[b-vo88bqxqbh] { display:flex !important; }
}
/* Mobile: ensure offcanvas elements available */
@media (max-width:860px){
  .offcanvas-panel[b-vo88bqxqbh] { display:flex; }
  .offcanvas-overlay[b-vo88bqxqbh] { display:block; }
}
.offcanvas-nav[b-vo88bqxqbh] { display:flex; flex-direction:column; gap:.5rem; margin-top:.5rem; }
.off-link[b-vo88bqxqbh] { width:100%; text-align:left; }
/* _content/bullxwinkles.ui/Components/Pages/About.razor.rz.scp.css */
/* Space-themed unified container like Platforms */
.about-page[b-hzk651nqyr] {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.75rem 1.7rem 3.2rem;
    border: 1px solid rgba(124, 58, 237, 0.25);
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 18px 48px -12px rgba(0,0,0,0.65), 0 4px 24px -6px rgba(67,56,202,0.35);
}
.about-page[b-hzk651nqyr]::before, .about-page[b-hzk651nqyr]::after {
    content:""; position:absolute; inset:0; pointer-events:none; mix-blend-mode:screen; opacity:.18;
}
.about-page[b-hzk651nqyr]::after { animation: twinkleA-b-hzk651nqyr 10s linear infinite; }
@keyframes twinkleA-b-hzk651nqyr { 0%,100% {opacity:.18;} 50% {opacity:.28;} }

.page-header[b-hzk651nqyr] { text-align:center; margin-bottom:3rem; position:relative; z-index:1; }
.page-header h1[b-hzk651nqyr] {
    font-size: clamp(2rem,5vw,3.1rem);
    margin-bottom:1.1rem;
    background: linear-gradient(135deg,#ede9fe 0%, #c4b5fd 40%, #8b5cf6 75%, #6366f1 100%);
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
    letter-spacing:-.5px; font-weight:800; text-shadow:0 8px 32px rgba(99,102,241,.35);
}
.lead[b-hzk651nqyr] { font-size:1.25rem; color:#cbd5e1; font-style:italic; opacity:.9; }

.content-section[b-hzk651nqyr] { position:relative; z-index:1; }
.content-section h2[b-hzk651nqyr] { color:#a78bfa; margin-top:2rem; margin-bottom:1rem; font-size:1.75rem; text-shadow:0 4px 18px rgba(0,0,0,.45); }
.content-section p[b-hzk651nqyr] { line-height:1.75; color:#e2e8f0; margin-bottom:1.4rem; font-size:1rem; }

.features-list[b-hzk651nqyr] { list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.1rem; margin-top:1.7rem; }
.features-list li[b-hzk651nqyr] { padding:1rem .9rem 1rem 1rem; background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); border:1px solid rgba(139,92,246,.35); border-radius:.85rem; font-size:1rem; color:#f1f5f9; backdrop-filter:blur(5px) saturate(125%); transition:box-shadow .3s, transform .3s; position:relative; overflow:hidden; }
.features-list li[b-hzk651nqyr]::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 25% 20%,rgba(139,92,246,.25),transparent 70%); opacity:0; transition:opacity .5s; }
.features-list li:hover[b-hzk651nqyr]::before { opacity:1; }
.features-list li:hover[b-hzk651nqyr] { box-shadow:0 10px 28px -6px rgba(124,58,237,.45); transform:translateY(-4px); }

@media (max-width:650px){
    .about-page[b-hzk651nqyr] { padding:2.2rem 1rem 2.4rem; }
    .page-header h1[b-hzk651nqyr] { font-size:2.4rem; }
    .lead[b-hzk651nqyr] { font-size:1.05rem; }
    .content-section h2[b-hzk651nqyr] { font-size:1.45rem; }
}
@media (prefers-reduced-motion: reduce){
    .features-list li[b-hzk651nqyr], .features-list li[b-hzk651nqyr]::before { transition:none; }
    .features-list li:hover[b-hzk651nqyr] { transform:none; box-shadow:none; }
    .about-page[b-hzk651nqyr]::after { animation:none; }
}
/* _content/bullxwinkles.ui/Components/Pages/Games/Games.razor.rz.scp.css */
/* Page wrapper for games page */
.games-page[b-6mjz2at945] {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.75rem 1.5rem 3.5rem;
    border: 1px solid rgba(124,58,237,.25);
    border-radius:1.25rem;
    overflow:hidden;
    box-shadow:0 18px 48px -12px rgba(0,0,0,.65), 0 4px 24px -6px rgba(67,56,202,.35);
}
.games-page[b-6mjz2at945]::before,.games-page[b-6mjz2at945]::after {content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.18;}
.games-page[b-6mjz2at945]::after {animation: twinkleG-b-6mjz2at945 9s linear infinite;}@keyframes twinkleG-b-6mjz2at945{0%,100%{opacity:.18;}50%{opacity:.28;}}
.page-header[b-6mjz2at945] { text-align:center; margin-bottom:2.4rem; position:relative; z-index:1; }
.page-header h1[b-6mjz2at945] { font-size:clamp(2rem,5vw,3.1rem); margin-bottom:1.1rem; background:linear-gradient(135deg,#ede9fe 0%, #c4b5fd 40%, #8b5cf6 75%, #6366f1 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; letter-spacing:-.5px; font-weight:800; text-shadow:0 8px 32px rgba(99,102,241,.35); }
.lead[b-6mjz2at945] { font-size:1.15rem; color:#cbd5e1; font-style:italic; opacity:.9; margin-bottom:1.2rem; }
.add-game-btn[b-6mjz2at945] { margin-top:1rem; background:linear-gradient(135deg,#6366f1,#4f46e5); color:#fff; border:none; padding:.75rem 1.4rem; border-radius:.75rem; font-weight:600; cursor:pointer; box-shadow:0 8px 24px -8px rgba(99,102,241,.55); transition:transform .3s, box-shadow .3s; }
.add-game-btn:hover[b-6mjz2at945] { transform:translateY(-4px); box-shadow:0 14px 36px -10px rgba(99,102,241,.65); }

/* Grid layout for games */
.games-grid[b-6mjz2at945] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
    position: relative;
    z-index: 1;
    justify-items: center;
}

/* Make cards shrink properly inside grid */
.game-card[b-6mjz2at945] {
    min-width: 0;
    background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
    border:1px solid rgba(139,92,246,.35);
    border-radius:1.05rem;
    padding:1rem .9rem .85rem;
    position:relative;
    overflow:hidden;
    backdrop-filter:blur(6px) saturate(130%);
    transition:transform .35s, box-shadow .35s, border-color .35s;
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
}
/* Decorative glow overlay must not intercept clicks */
.game-card[b-6mjz2at945]::before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 25%,rgba(139,92,246,.30),transparent 70%);opacity:0;transition:opacity .55s;pointer-events:none;}
.game-card:hover[b-6mjz2at945]::before {opacity:1;}
.game-card:hover[b-6mjz2at945] { transform:translateY(-6px); box-shadow:0 16px 40px -12px rgba(0,0,0,.6),0 10px 26px -8px rgba(124,58,237,.55); border-color:rgba(167,139,250,.75); }
/* Make sure inner interactive elements stay above decorative layers */
.game-card .game-actions[b-6mjz2at945], .game-card button[b-6mjz2at945] { position:relative; z-index:10; pointer-events:auto; }

/* Prevent images from stretching or overflowing */
.game-image[b-6mjz2at945] {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: .75rem;
    box-shadow: 0 6px 18px -6px rgba(0,0,0,.55);
}

/* Optional: make links block-level to avoid inline spacing issues */
.games-grid a[b-6mjz2at945] {
    display: block;
}

.game-actions[b-6mjz2at945] { display:flex; gap:.5rem; margin-top:.65rem; position:relative; z-index:2; }
.edit-btn[b-6mjz2at945],.delete-btn[b-6mjz2at945] { flex:1; padding:.55rem .75rem; font-size:.75rem; border:none; border-radius:.55rem; cursor:pointer; font-weight:600; letter-spacing:.4px; }
.edit-btn[b-6mjz2at945] { background:linear-gradient(135deg,#6366f1,#4f46e5); color:#fff; }
.edit-btn:hover[b-6mjz2at945] { filter:brightness(1.08); }
.delete-btn[b-6mjz2at945] { background:linear-gradient(135deg,#dc2626,#b91c1c); color:#fff; }
.delete-btn:hover[b-6mjz2at945] { filter:brightness(1.1); }

@media (max-width:650px){
    .games-page[b-6mjz2at945] { padding:2.25rem 1.1rem 2.75rem; }
    .page-header h1[b-6mjz2at945] { font-size:2.3rem; }
    .lead[b-6mjz2at945] { font-size:1.0rem; }
    .games-grid[b-6mjz2at945] { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:1rem; }
    .game-image[b-6mjz2at945] { height:150px; }
}
@media (max-width:420px){ .games-grid[b-6mjz2at945] { grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce){
    .game-card[b-6mjz2at945],.game-card[b-6mjz2at945]::before,.add-game-btn[b-6mjz2at945] { transition:none; }
    .game-card:hover[b-6mjz2at945],.add-game-btn:hover[b-6mjz2at945] { transform:none; box-shadow:none; }
    .games-page[b-6mjz2at945]::after { animation:none; }
}

.confirm-overlay[b-6mjz2at945] { position:fixed; inset:0; background:rgba(0,0,0,.55); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; z-index:2000; animation:fadeIn-b-6mjz2at945 .25s ease; }
.confirm-panel[b-6mjz2at945] { width: min(400px,90vw); background:linear-gradient(165deg,rgba(31,41,55,.92),rgba(17,24,39,.92)); border:1px solid rgba(255,255,255,.12); border-radius:1rem; padding:1.4rem 1.35rem 1.25rem; box-shadow:0 18px 42px -12px rgba(0,0,0,.65),0 8px 28px -8px rgba(99,102,241,.45); color:#f1f5f9; outline:none; }
.confirm-title[b-6mjz2at945] { margin:0 0 .85rem; font-size:1.35rem; font-weight:700; letter-spacing:.4px; }
.confirm-text[b-6mjz2at945] { margin:.25rem 0 1.1rem; font-size:.95rem; line-height:1.4; }
.confirm-actions[b-6mjz2at945] { display:flex; gap:.75rem; justify-content:flex-end; }
.confirm-danger[b-6mjz2at945], .confirm-secondary[b-6mjz2at945] { border:none; cursor:pointer; font-weight:600; letter-spacing:.4px; padding:.65rem 1.15rem; border-radius:.65rem; font-size:.82rem; display:inline-flex; align-items:center; justify-content:center; transition:background .25s, transform .25s, box-shadow .25s; }
.confirm-danger[b-6mjz2at945] { background:linear-gradient(135deg,#dc2626,#b91c1c); color:#fff; }
.confirm-danger:hover[b-6mjz2at945] { background:linear-gradient(135deg,#ef4444,#dc2626); transform:translateY(-3px); box-shadow:0 10px 24px -8px rgba(220,38,38,.55); }
.confirm-secondary[b-6mjz2at945] { background:rgba(255,255,255,.12); color:#f1f5f9; }
.confirm-secondary:hover[b-6mjz2at945] { background:rgba(255,255,255,.22); transform:translateY(-2px); }
@keyframes fadeIn-b-6mjz2at945 { from { opacity:0; } to { opacity:1; } }

.edit-overlay[b-6mjz2at945] { position:fixed; inset:0; background:rgba(0,0,0,.58); backdrop-filter:blur(5px); display:flex; align-items:center; justify-content:center; z-index:2050; animation:fadeIn-b-6mjz2at945 .3s ease; }
.edit-panel[b-6mjz2at945] { width:min(480px,92vw); background:linear-gradient(160deg,rgba(31,41,55,.95),rgba(17,24,39,.9)); border:1px solid rgba(255,255,255,.12); border-radius:1.15rem; padding:1.55rem 1.4rem 1.35rem; box-shadow:0 22px 50px -14px rgba(0,0,0,.7),0 10px 32px -10px rgba(99,102,241,.45); color:#f1f5f9; outline:none; display:flex; flex-direction:column; gap:1rem; }
.edit-title[b-6mjz2at945] { margin:0; font-size:1.5rem; font-weight:700; letter-spacing:.45px; background:linear-gradient(135deg,#ede9fe,#8b5cf6,#6366f1); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.form-field[b-6mjz2at945] { display:flex; flex-direction:column; gap:.45rem; }
.form-field label[b-6mjz2at945] { font-size:.8rem; font-weight:600; letter-spacing:.55px; text-transform:uppercase; color:#cbd5e1; }
.edit-input[b-6mjz2at945] { width:100%; padding:.7rem .85rem; border-radius:.65rem; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08); color:#f8fafc; font-size:.85rem; font-family:inherit; box-shadow:0 2px 8px -3px rgba(0,0,0,.45) inset; }
.edit-input:focus[b-6mjz2at945] { outline:2px solid #6366f1; outline-offset:2px; }
.hint[b-6mjz2at945] { font-size:.65rem; opacity:.65; margin-right:.35rem; }
.current-cover[b-6mjz2at945] { max-width:100%; max-height:140px; border-radius:.65rem; box-shadow:0 6px 18px -6px rgba(0,0,0,.55); margin-top:.25rem; }
.error-text[b-6mjz2at945] { color:#fca5a5; font-size:.72rem; font-weight:600; }
.edit-actions[b-6mjz2at945] { display:flex; gap:.75rem; justify-content:flex-end; margin-top:.35rem; }
.confirm-primary[b-6mjz2at945] { background:linear-gradient(135deg,#6366f1,#4f46e5); border:none; color:#fff; padding:.7rem 1.25rem; border-radius:.75rem; font-weight:600; font-size:.82rem; letter-spacing:.4px; cursor:pointer; box-shadow:0 10px 26px -8px rgba(99,102,241,.55); transition:background .25s, transform .25s, box-shadow .25s; }
.confirm-primary:hover:not([disabled])[b-6mjz2at945] { background:linear-gradient(135deg,#818cf8,#6366f1); transform:translateY(-3px); box-shadow:0 16px 34px -10px rgba(99,102,241,.6); }
.confirm-primary[disabled][b-6mjz2at945] { opacity:.55; cursor:default; }
/* Reuse .confirm-secondary from delete dialog; ensure button alignment inside edit */
@media (max-width:560px){ .edit-panel[b-6mjz2at945] { width:92vw; padding:1.3rem 1.1rem 1.15rem; } .edit-title[b-6mjz2at945] { font-size:1.3rem; } }
/* _content/bullxwinkles.ui/Components/Pages/Landing.razor.rz.scp.css */
/* Landing page scoped styles */

.landing-shell[b-q6gx8rg8s8] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* Removed radial multi-tone overlay – keep global single-tone */
    background: transparent;
}

.landing-header[b-q6gx8rg8s8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(6px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    position: sticky;
    top: 0;
    z-index: 20;
}
.logo-wrap[b-q6gx8rg8s8] { display:flex; align-items:center; gap:0.6rem; user-select:none; }
.logo-img[b-q6gx8rg8s8] { width:52px; height:52px; border-radius:50%; object-fit:cover; box-shadow:0 2px 6px rgba(0,0,0,0.25); }
.logo-text[b-q6gx8rg8s8] { font-size:1.35rem; font-weight:700; letter-spacing:0.5px; color:#064e3b; }

.menu-btn[b-q6gx8rg8s8] {
    background: #10b981;
    color: #fff;
    border: none;
    font-size: 1.45rem;
    line-height:1;
    width:44px; height:44px;
    display:flex; align-items:center; justify-content:center;
    border-radius: 0.6rem;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: background .2s, transform .15s;
}
.menu-btn:hover[b-q6gx8rg8s8] { background:#059669; }
.menu-btn:active[b-q6gx8rg8s8] { transform:scale(.92); }

.landing-main[b-q6gx8rg8s8] { flex:1; width:100%; display:flex; flex-direction:column; align-items:center; padding:1.5rem 1rem 1rem; gap:1.75rem; }
.hero-text[b-q6gx8rg8s8] { text-align:center; max-width: 900px; }
.hero-logo-text[b-q6gx8rg8s8] { 
    max-width: 100%; 
    width: clamp(280px, 70vw, 600px); 
    height: auto; 
    margin: 0 auto 1rem; 
    display: block;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,.45));
}
.hero-title[b-q6gx8rg8s8] { font-size:clamp(2.2rem,5vw,3.1rem); font-weight:700; margin:0 0 .6rem; color:#ecfdf5; text-shadow:0 1px 4px rgba(0,0,0,.35); }
.hero-subtitle[b-q6gx8rg8s8] { font-size:clamp(1.05rem,2.4vw,1.35rem); font-weight:500; margin:0; color:#d1fae5; }

.hero-video-wrap[b-q6gx8rg8s8] { width:100%; max-width:880px; border-radius:1rem; overflow:hidden; position:relative; box-shadow:0 10px 28px -6px rgba(0,0,0,0.45); }
.hero-video[b-q6gx8rg8s8] { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }

.cta-section[b-q6gx8rg8s8] { width:100%; max-width:880px; }
.cta-grid[b-q6gx8rg8s8] { display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem; }
@media (min-width:700px){ .cta-grid[b-q6gx8rg8s8] { grid-template-columns:repeat(4,1fr); } }
.cta-btn[b-q6gx8rg8s8] {
    display:inline-flex; align-items:center; justify-content:center;
    min-height:2.6rem; padding:.65rem .85rem;
    font-size:.9rem; font-weight:600;
    background:linear-gradient(135deg,#34d399,#10b981 55%,#059669);
    color:#022c22; text-shadow:0 1px 0 rgba(255,255,255,0.35);
    border:2px solid rgba(255,255,255,0.6);
    border-radius:0.9rem; cursor:pointer;
    box-shadow:0 6px 18px rgba(0,0,0,0.25);
    transition:background .25s, transform .15s, box-shadow .25s;
}
.cta-btn:hover[b-q6gx8rg8s8] { background:linear-gradient(135deg,#6ee7b7,#34d399 55%,#10b981); box-shadow:0 10px 26px rgba(0,0,0,0.35); }
.cta-btn:active[b-q6gx8rg8s8] { transform:translateY(2px); box-shadow:0 4px 16px rgba(0,0,0,0.35); }

/* Slogan section */
.slogan-section[b-q6gx8rg8s8] {
    width: 100%;
    max-width: 880px;
    text-align: center;
    padding: 2rem 1.5rem;
    background: linear-gradient(165deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 1.2rem;
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}

.slogan-headline[b-q6gx8rg8s8] {
    font-size: clamp(1.6rem, 3.5vw, 2.4rem);
    font-weight: 700;
    margin: 0 0 1.2rem;
    color: #6ee7b7;
    text-shadow: 0 2px 8px rgba(0,0,0,0.4);
    letter-spacing: 0.3px;
}

.slogan-text[b-q6gx8rg8s8] {
    font-size: clamp(1rem, 2vw, 1.15rem);
    font-weight: 400;
    line-height: 1.65;
    margin: 0 0 0.9rem;
    color: #d1fae5;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.slogan-text:last-child[b-q6gx8rg8s8] {
    margin-bottom: 0;
}

.landing-footer[b-q6gx8rg8s8] { margin-top:auto; background:rgba(0,0,0,0.65); padding:1.2rem 1rem 1.8rem; text-align:center; color:#ecfdf5; font-size:0.9rem; backdrop-filter:blur(4px); }
.disclaimer[b-q6gx8rg8s8] { margin-bottom:0.6rem; opacity:0.9; }
.social-links[b-q6gx8rg8s8] { display:flex; justify-content:center; gap:1.2rem; flex-wrap:wrap; }
.social-link[b-q6gx8rg8s8] { color:#6ee7b7; text-decoration:none; font-weight:600; position:relative; }
.social-link:hover[b-q6gx8rg8s8] { color:#34d399; }
.social-link:focus[b-q6gx8rg8s8] { outline:2px solid #34d399; outline-offset:2px; border-radius:4px; }

/* Slide-in menu */
.menu-overlay[b-q6gx8rg8s8] { position:fixed; inset:0; background:rgba(0,0,0,0.55); backdrop-filter:blur(3px); z-index:40; }
.side-menu[b-q6gx8rg8s8] { position:fixed; top:0; right:0; width:min(300px,80vw); height:100%; background:#f0fdf4; box-shadow:-4px 0 18px rgba(0,0,0,0.3); z-index:50; padding:1.25rem 1rem; display:flex; flex-direction:column; gap:1rem; animation:slideIn-b-q6gx8rg8s8 .32s cubic-bezier(.25,.8,.25,1); }
@keyframes slideIn-b-q6gx8rg8s8 { from { transform:translateX(30%); opacity:0;} to { transform:translateX(0); opacity:1;} }
.close-btn[b-q6gx8rg8s8] { align-self:flex-end; background:none; border:none; font-size:1.7rem; line-height:1; cursor:pointer; color:#065f46; }
.close-btn:hover[b-q6gx8rg8s8] { color:#047857; }
.menu-list[b-q6gx8rg8s8] { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.5rem; }
.menu-list a[b-q6gx8rg8s8] { display:block; padding:0.85rem 0.9rem; border-radius:0.65rem; background:#ecfdf5; color:#065f46; font-weight:600; text-decoration:none; box-shadow:0 2px 6px rgba(0,0,0,0.12); transition:background .2s, transform .15s; }
.menu-list a:hover[b-q6gx8rg8s8] { background:#d1fae5; transform:translateY(-2px); }
.menu-list a:active[b-q6gx8rg8s8] { transform:translateY(1px); }

/* Responsive tweaks */
@media (max-width:600px) {
    .landing-header[b-q6gx8rg8s8] { padding:0.6rem 1rem; }
    .logo-text[b-q6gx8rg8s8] { font-size:1.15rem; }
    .hero-brand-logo[b-q6gx8rg8s8] { width: 90px; height: 90px; }
    .hero-title[b-q6gx8rg8s8] { font-size: 2rem; }
    .hero-tagline[b-q6gx8rg8s8] { font-size: 1.3rem; }
    .hero-subtitle[b-q6gx8rg8s8] { font-size: 0.95rem; }
    .hero-accent-line[b-q6gx8rg8s8] { width: 60px; height: 3px; }
    .cta-btn[b-q6gx8rg8s8] { min-height:3.2rem; font-size:1rem; padding: 0.9rem 1.1rem; }
    .landing-main[b-q6gx8rg8s8] { padding:1.5rem 1rem 1rem; gap:2rem; }
    .hero-text[b-q6gx8rg8s8] { gap: 0.8rem; }
    .slogan-section[b-q6gx8rg8s8] {
        padding: 1.5rem 1rem;
    }
    .slogan-headline[b-q6gx8rg8s8] {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    .slogan-text[b-q6gx8rg8s8] {
        font-size: 0.95rem;
    }
}
/* _content/bullxwinkles.ui/Components/Pages/PrivacyPolicy.razor.rz.scp.css */
/* Privacy Policy & Terms page styles */

.policy-container[b-p74gxp3e03] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.policy-header[b-p74gxp3e03] {
    text-align: center;
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid rgba(255,255,255,0.15);
}

.policy-header h1[b-p74gxp3e03] {
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 700;
    margin: 0 0 0.8rem;
    color: #6ee7b7;
    text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

.policy-updated[b-p74gxp3e03] {
    font-size: 0.95rem;
    color: #9be3cf;
    margin: 0;
    font-style: italic;
}

.policy-intro[b-p74gxp3e03] {
    background: linear-gradient(165deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 1rem;
    padding: 1.5rem;
    margin-bottom: 2rem;
    backdrop-filter: blur(6px);
}

.policy-intro p[b-p74gxp3e03] {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.7;
    color: #d1fae5;
}

.policy-section[b-p74gxp3e03] {
    margin-bottom: 2.5rem;
    padding: 1.5rem;
    background: linear-gradient(165deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 1rem;
    backdrop-filter: blur(4px);
}

.policy-section h2[b-p74gxp3e03] {
    font-size: clamp(1.4rem, 3vw, 1.8rem);
    font-weight: 700;
    margin: 0 0 1rem;
    color: #6ee7b7;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.policy-section p[b-p74gxp3e03] {
    margin: 0 0 1rem;
    line-height: 1.65;
    color: #ecfdf5;
    font-size: 1rem;
}

.policy-section p:last-child[b-p74gxp3e03] {
    margin-bottom: 0;
}

.info-block[b-p74gxp3e03] {
    background: rgba(255,255,255,0.04);
    border-left: 3px solid #10b981;
    padding: 1rem 1.2rem;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
}

.info-block:last-child[b-p74gxp3e03] {
    margin-bottom: 0;
}

.info-block h3[b-p74gxp3e03] {
    font-size: 1.15rem;
    font-weight: 600;
    margin: 0 0 0.6rem;
    color: #6ee7b7;
}

.info-block ul[b-p74gxp3e03] {
    margin: 0;
    padding-left: 1.2rem;
}

.info-block li[b-p74gxp3e03] {
    margin-bottom: 0.4rem;
    color: #d1fae5;
    line-height: 1.6;
}

.info-block li:last-child[b-p74gxp3e03] {
    margin-bottom: 0;
}

.highlight-list[b-p74gxp3e03] {
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.25);
    border-radius: 0.75rem;
    padding: 1rem 1.5rem 1rem 2.5rem;
    margin: 1rem 0;
}

.highlight-list li[b-p74gxp3e03] {
    margin-bottom: 0.5rem;
    color: #d1fae5;
    line-height: 1.6;
}

.highlight-list li:last-child[b-p74gxp3e03] {
    margin-bottom: 0;
}

.rights-list[b-p74gxp3e03] {
    padding-left: 1.5rem;
}

.rights-list li[b-p74gxp3e03] {
    margin-bottom: 0.8rem;
    color: #d1fae5;
    line-height: 1.6;
}

.rights-list li:last-child[b-p74gxp3e03] {
    margin-bottom: 0;
}

.rights-list strong[b-p74gxp3e03] {
    color: #6ee7b7;
}

.emphasis[b-p74gxp3e03] {
    font-weight: 600;
    color: #6ee7b7;
}

.contact-section[b-p74gxp3e03] {
    background: linear-gradient(165deg, rgba(16, 185, 129, 0.08), rgba(16, 185, 129, 0.03));
    border: 1px solid rgba(16, 185, 129, 0.25);
}

.contact-cards[b-p74gxp3e03] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

@media (min-width: 600px) {
    .contact-cards[b-p74gxp3e03] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.contact-card[b-p74gxp3e03] {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 0.75rem;
    padding: 1.2rem;
    text-align: center;
}

.contact-card h3[b-p74gxp3e03] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.6rem;
    color: #6ee7b7;
}

.contact-card p[b-p74gxp3e03] {
    margin: 0;
    color: #d1fae5;
}

.contact-card a[b-p74gxp3e03] {
    color: #34d399;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.25s;
}

.contact-card a:hover[b-p74gxp3e03] {
    color: #6ee7b7;
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 600px) {
    .policy-container[b-p74gxp3e03] {
        padding: 1.5rem 1rem;
    }

    .policy-header[b-p74gxp3e03] {
        margin-bottom: 1.5rem;
    }

    .policy-section[b-p74gxp3e03] {
        padding: 1.2rem;
        margin-bottom: 1.5rem;
    }

    .info-block[b-p74gxp3e03] {
        padding: 0.9rem 1rem;
    }

    .highlight-list[b-p74gxp3e03] {
        padding: 0.9rem 1.2rem 0.9rem 2rem;
    }
}

/* _content/bullxwinkles.ui/Components/Pages/TermsOfService.razor.rz.scp.css */
/* Privacy Policy & Terms page styles */

.policy-container[b-ho6kmogyq8] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.policy-header[b-ho6kmogyq8] {
    text-align: center;
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid rgba(255,255,255,0.15);
}

.policy-header h1[b-ho6kmogyq8] {
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 700;
    margin: 0 0 0.8rem;
    color: #6ee7b7;
    text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

.policy-updated[b-ho6kmogyq8] {
    font-size: 0.95rem;
    color: #9be3cf;
    margin: 0;
    font-style: italic;
}

.policy-intro[b-ho6kmogyq8] {
    background: linear-gradient(165deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 1rem;
    padding: 1.5rem;
    margin-bottom: 2rem;
    backdrop-filter: blur(6px);
}

.policy-intro p[b-ho6kmogyq8] {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.7;
    color: #d1fae5;
}

.policy-section[b-ho6kmogyq8] {
    margin-bottom: 2.5rem;
    padding: 1.5rem;
    background: linear-gradient(165deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 1rem;
    backdrop-filter: blur(4px);
}

.policy-section h2[b-ho6kmogyq8] {
    font-size: clamp(1.4rem, 3vw, 1.8rem);
    font-weight: 700;
    margin: 0 0 1rem;
    color: #6ee7b7;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.policy-section p[b-ho6kmogyq8] {
    margin: 0 0 1rem;
    line-height: 1.65;
    color: #ecfdf5;
    font-size: 1rem;
}

.policy-section p:last-child[b-ho6kmogyq8] {
    margin-bottom: 0;
}

.info-block[b-ho6kmogyq8] {
    background: rgba(255,255,255,0.04);
    border-left: 3px solid #10b981;
    padding: 1rem 1.2rem;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
}

.info-block:last-child[b-ho6kmogyq8] {
    margin-bottom: 0;
}

.info-block h3[b-ho6kmogyq8] {
    font-size: 1.15rem;
    font-weight: 600;
    margin: 0 0 0.6rem;
    color: #6ee7b7;
}

.info-block ul[b-ho6kmogyq8] {
    margin: 0;
    padding-left: 1.2rem;
}

.info-block li[b-ho6kmogyq8] {
    margin-bottom: 0.4rem;
    color: #d1fae5;
    line-height: 1.6;
}

.info-block li:last-child[b-ho6kmogyq8] {
    margin-bottom: 0;
}

.highlight-list[b-ho6kmogyq8] {
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.25);
    border-radius: 0.75rem;
    padding: 1rem 1.5rem 1rem 2.5rem;
    margin: 1rem 0;
}

.highlight-list li[b-ho6kmogyq8] {
    margin-bottom: 0.5rem;
    color: #d1fae5;
    line-height: 1.6;
}

.highlight-list li:last-child[b-ho6kmogyq8] {
    margin-bottom: 0;
}

.rights-list[b-ho6kmogyq8] {
    padding-left: 1.5rem;
}

.rights-list li[b-ho6kmogyq8] {
    margin-bottom: 0.8rem;
    color: #d1fae5;
    line-height: 1.6;
}

.rights-list li:last-child[b-ho6kmogyq8] {
    margin-bottom: 0;
}

.rights-list strong[b-ho6kmogyq8] {
    color: #6ee7b7;
}

.emphasis[b-ho6kmogyq8] {
    font-weight: 600;
    color: #6ee7b7;
}

.contact-section[b-ho6kmogyq8] {
    background: linear-gradient(165deg, rgba(16, 185, 129, 0.08), rgba(16, 185, 129, 0.03));
    border: 1px solid rgba(16, 185, 129, 0.25);
}

.contact-cards[b-ho6kmogyq8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

@media (min-width: 600px) {
    .contact-cards[b-ho6kmogyq8] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.contact-card[b-ho6kmogyq8] {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 0.75rem;
    padding: 1.2rem;
    text-align: center;
}

.contact-card h3[b-ho6kmogyq8] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.6rem;
    color: #6ee7b7;
}

.contact-card p[b-ho6kmogyq8] {
    margin: 0;
    color: #d1fae5;
}

.contact-card a[b-ho6kmogyq8] {
    color: #34d399;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.25s;
}

.contact-card a:hover[b-ho6kmogyq8] {
    color: #6ee7b7;
    text-decoration: underline;
}

.tos-accept-box[b-ho6kmogyq8] {
    margin-top: 2rem;
    padding: 1.1rem 1rem 1rem;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: .9rem;
    background: linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
    display: flex;
    flex-direction: column;
    gap: .9rem;
    max-width: 520px;
}

.tos-label[b-ho6kmogyq8] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    font-size: .95rem;
    line-height: 1.4;
    color: #f1f5f9;
}

.tos-checkbox[b-ho6kmogyq8] {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: .2rem;
    accent-color: #6366f1;
    cursor: pointer;
}

.tos-submit[b-ho6kmogyq8] {
    align-self: flex-start;
    background: linear-gradient(135deg,#6366f1,#4f46e5);
    color: #fff;
    border: none;
    padding: .6rem 1.2rem;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .4px;
    border-radius: .6rem;
    cursor: pointer;
    box-shadow: 0 10px 28px -10px rgba(99,102,241,.55);
    transition: background .25s, transform .25s;
}

.tos-submit[disabled][b-ho6kmogyq8] {
    opacity: .5;
    cursor: default;
}

.tos-submit:hover:not([disabled])[b-ho6kmogyq8] {
    background: linear-gradient(135deg,#818cf8,#6366f1);
    transform: translateY(-3px);
}

.tos-already[b-ho6kmogyq8] {
    margin-top: 2rem;
    font-size: .85rem;
    color: #cbd5e1;
    font-style: italic;
}

/* Responsive */
@media (max-width: 600px) {
    .policy-container[b-ho6kmogyq8] {
        padding: 1.5rem 1rem;
    }

    .policy-header[b-ho6kmogyq8] {
        margin-bottom: 1.5rem;
    }

    .policy-section[b-ho6kmogyq8] {
        padding: 1.2rem;
        margin-bottom: 1.5rem;
    }

    .info-block[b-ho6kmogyq8] {
        padding: 0.9rem 1rem;
    }

    .highlight-list[b-ho6kmogyq8] {
        padding: 0.9rem 1.2rem 0.9rem 2rem;
    }
}
/* _content/bullxwinkles.ui/Components/Pages/Wallet.razor.rz.scp.css */
/* Space-themed unified styling matching Platforms */
.payments-page[b-fyikc3eqg7] {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.75rem 1.7rem 3.2rem;
    border: 1px solid rgba(124,58,237,.25);
    border-radius:1.25rem;
    overflow:hidden;
    box-shadow:0 18px 48px -12px rgba(0,0,0,.65), 0 4px 24px -6px rgba(67,56,202,.35);
}
.payments-page[b-fyikc3eqg7]::before, .payments-page[b-fyikc3eqg7]::after {
    content:""; position:absolute; inset:0; pointer-events:none; mix-blend-mode:screen; opacity:.18;
}
.payments-page[b-fyikc3eqg7]::after { animation: twinkleP-b-fyikc3eqg7 10s linear infinite; }
@keyframes twinkleP-b-fyikc3eqg7 { 0%,100% {opacity:.18;} 50% {opacity:.28;} }

.page-header[b-fyikc3eqg7] { text-align:center; margin-bottom:3rem; position:relative; z-index:1; }
.page-header h1[b-fyikc3eqg7] { font-size:clamp(2rem,5vw,3.1rem); margin-bottom:1.1rem; background:linear-gradient(135deg,#ede9fe 0%,#c4b5fd 40%,#8b5cf6 75%,#6366f1 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; letter-spacing:-.5px; font-weight:800; text-shadow:0 8px 32px rgba(99,102,241,.35); }
.lead[b-fyikc3eqg7] { font-size:1.25rem; color:#cbd5e1; font-style:italic; opacity:.9; }

/* Provider widgets */
.payment-providers-section[b-fyikc3eqg7] {margin-bottom:3.5rem; position:relative; z-index:1;}
.payment-providers-section h2[b-fyikc3eqg7] {color:#a78bfa; font-size:1.85rem; margin-bottom:.75rem;}
.providers-intro[b-fyikc3eqg7] {color:#e2e8f0; font-size:.95rem; margin-bottom:1.4rem;}
.payment-provider-grid[b-fyikc3eqg7] {display:grid; gap:1.6rem; grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}
.provider-card[b-fyikc3eqg7] {display:flex; flex-direction:column; align-items:center; text-decoration:none; background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.03)); border:1px solid rgba(139,92,246,.45); border-radius:1.1rem; padding:1.25rem 1.1rem 1rem; position:relative; overflow:hidden; backdrop-filter:blur(7px) saturate(140%); transition:transform .35s, box-shadow .35s, border-color .35s;}
.provider-card[b-fyikc3eqg7]::before {content:""; position:absolute; inset:0; background:radial-gradient(circle at 35% 25%,rgba(139,92,246,.30),transparent 70%); opacity:0; transition:opacity .55s;}
.provider-card:hover[b-fyikc3eqg7] {transform:translateY(-6px); box-shadow:0 16px 40px -12px rgba(0,0,0,.6),0 10px 26px -8px rgba(124,58,237,.55); border-color:rgba(167,139,250,.75);}
.provider-card:hover[b-fyikc3eqg7]::before {opacity:1;}
.provider-image-wrapper[b-fyikc3eqg7] {width:100%; max-width:300px; height:300px; display:flex; align-items:center; justify-content:center; border-radius:1rem; overflow:hidden; background:rgba(255,255,255,.06); margin-bottom:.95rem; border:1px solid rgba(139,92,246,.30); padding:.65rem; box-sizing:border-box;}
.provider-image[b-fyikc3eqg7] {width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));}
.provider-name[b-fyikc3eqg7] {color:#c4b5fd; font-size:1rem; font-weight:600; letter-spacing:.5px; text-align:center;}
@media (hover:none){ .provider-card:hover[b-fyikc3eqg7] {transform:none;} }

.content-section[b-fyikc3eqg7] { position:relative; z-index:1; }
.content-section h2[b-fyikc3eqg7] { color:#a78bfa; margin-top:3rem; margin-bottom:1.3rem; font-size:1.75rem; text-shadow:0 4px 18px rgba(0,0,0,.45); }
.content-section p[b-fyikc3eqg7] { line-height:1.75; color:#e2e8f0; margin-bottom:1.4rem; font-size:1rem; }

.payment-methods[b-fyikc3eqg7] { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; margin:2rem 0; }
.payment-card[b-fyikc3eqg7] { text-align:center; padding:1.8rem 1.4rem 1.6rem; background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); border:1px solid rgba(139,92,246,.35); border-radius:1rem; backdrop-filter:blur(5px) saturate(125%); transition:transform .35s, box-shadow .35s, border-color .35s; position:relative; overflow:hidden; }
.payment-card[b-fyikc3eqg7]::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 30% 20%,rgba(139,92,246,.22),transparent 70%); opacity:0; transition:opacity .55s; }
.payment-card:hover[b-fyikc3eqg7]::before { opacity:1; }
.payment-card:hover[b-fyikc3eqg7] { transform:translateY(-5px); box-shadow:0 16px 40px -10px rgba(0,0,0,.6),0 8px 26px -6px rgba(124,58,237,.45); border-color:rgba(167,139,250,.75); }
.payment-icon[b-fyikc3eqg7] { font-size:2.5rem; margin-bottom:.9rem; filter:drop-shadow(0 4px 12px rgba(0,0,0,.5)); }
.payment-card h3[b-fyikc3eqg7] { color:#c4b5fd; font-size:1.25rem; margin-bottom:.55rem; font-weight:600; letter-spacing:.4px; }
.payment-card p[b-fyikc3eqg7] { color:#e2e8f0; font-size:.9rem; margin:0; line-height:1.4; }

.info-list[b-fyikc3eqg7] { list-style:none; padding:1.5rem 2rem; background:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); border:1px solid rgba(139,92,246,.30); border-left:4px solid #8b5cf6; border-radius:.85rem; }
.info-list li[b-fyikc3eqg7] { color:#f1f5f9; padding:.5rem 0; font-size:1rem; }
.info-list strong[b-fyikc3eqg7] { color:#c4b5fd; }

.cta-section[b-fyikc3eqg7] { text-align:center; margin-top:4rem; padding:3rem 2rem; background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); border:1px solid rgba(139,92,246,.35); border-radius:1rem; backdrop-filter:blur(5px) saturate(125%); }
.cta-section h3[b-fyikc3eqg7] { color:#c4b5fd; font-size:2rem; margin-bottom:1rem; }
.cta-section p[b-fyikc3eqg7] { font-size:1.1rem; color:#e2e8f0; margin-bottom:2rem; }
.cta-button[b-fyikc3eqg7] { display:inline-block; padding:1rem 2.5rem; background:linear-gradient(135deg,#8b5cf6 0%, #6366f1 50%, #4f46e5 100%); color:#fff; text-decoration:none; border-radius:.9rem; font-weight:700; font-size:1.05rem; box-shadow:0 10px 34px -10px rgba(99,102,241,.6); transition:transform .35s, box-shadow .35s; }
.cta-button:hover[b-fyikc3eqg7] { transform:translateY(-4px); box-shadow:0 16px 44px -12px rgba(99,102,241,.7); }

@media (max-width:650px){
    .payments-page[b-fyikc3eqg7] { padding:2.3rem 1rem 2.5rem; }
    .page-header h1[b-fyikc3eqg7] { font-size:2.4rem; }
    .lead[b-fyikc3eqg7] { font-size:1.05rem; }
    .content-section h2[b-fyikc3eqg7] { font-size:1.5rem; }
    .payment-card[b-fyikc3eqg7] { padding:1.5rem 1rem 1.3rem; }
    .payment-icon[b-fyikc3eqg7] { font-size:2.1rem; }
    .cta-section[b-fyikc3eqg7] { padding:2.4rem 1.4rem; }
    .cta-section h3[b-fyikc3eqg7] { font-size:1.7rem; }
    .payment-provider-grid[b-fyikc3eqg7] {grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:1.1rem;}
    .provider-image-wrapper[b-fyikc3eqg7] {height:190px; max-width:190px; padding:.5rem;}
    .provider-name[b-fyikc3eqg7] {font-size:.9rem;}
}
@media (prefers-reduced-motion: reduce){
    .payment-card[b-fyikc3eqg7], .payment-card[b-fyikc3eqg7]::before, .cta-button[b-fyikc3eqg7], .provider-card[b-fyikc3eqg7], .provider-card[b-fyikc3eqg7]::before { transition:none; }
    .payment-card:hover[b-fyikc3eqg7], .cta-button:hover[b-fyikc3eqg7], .provider-card:hover[b-fyikc3eqg7] { transform:none; box-shadow:none; }
    .payments-page[b-fyikc3eqg7]::after { animation:none; }
}
/* _content/bullxwinkles.ui/Components/Shared/ReviewsCarousel.razor.rz.scp.css */
/* Mobile-first carousel styles */
.reviews-wrapper[b-hzl2n5pwtz] { width:100%; margin:2.75rem auto 3.5rem; padding:0 1rem 3.2rem; max-width:1180px; }
.reviews-title[b-hzl2n5pwtz] { text-align:center; font-size:clamp(1.8rem,4.5vw,2.4rem); font-weight:800; margin:0 0 1.9rem; background:linear-gradient(135deg,#ede9fe,#c4b5fd,#8b5cf6,#6366f1); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; letter-spacing:.55px; }
.carousel-viewport[b-hzl2n5pwtz] { overflow:hidden; position:relative; border-radius:1.1rem; }
.carousel-track[b-hzl2n5pwtz] { display:flex; width:100%; transition:transform .55s cubic-bezier(.25,.8,.25,1); }
.carousel-slide[b-hzl2n5pwtz] { flex:0 0 100%; padding:.35rem .5rem; display:flex; align-items:center; justify-content:center; }
.review-card[b-hzl2n5pwtz] { width:85%; max-width:480px; aspect-ratio:1/1; background:linear-gradient(155deg,rgba(31,41,55,.92),rgba(17,24,39,.88)); border:1px solid rgba(139,92,246,.35); border-radius:1.15rem; padding:.75rem; display:flex; align-items:center; justify-content:center; box-shadow:0 14px 40px -14px rgba(0,0,0,.65),0 6px 22px -10px rgba(99,102,241,.45); backdrop-filter:blur(4px) saturate(140%); }
.review-card img[b-hzl2n5pwtz] { width:100%; height:100%; object-fit:contain; border-radius:.85rem; }
.carousel-controls[b-hzl2n5pwtz] { position:absolute; left:50%; bottom:.35rem; transform:translateX(-50%); display:flex; align-items:center; gap:.9rem; }
.ctrl-btn[b-hzl2n5pwtz] { background:linear-gradient(135deg,#6366f1,#4f46e5); color:#fff; border:none; width:42px; height:42px; border-radius:50%; font-size:1.35rem; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 28px -12px rgba(99,102,241,.55); transition:transform .3s, box-shadow .3s; }
.ctrl-btn:hover:not([disabled])[b-hzl2n5pwtz] { transform:translateY(-4px); box-shadow:0 16px 40px -14px rgba(99,102,241,.65); }
.ctrl-btn[disabled][b-hzl2n5pwtz] { opacity:.35; cursor:default; }
.dots[b-hzl2n5pwtz] { display:flex; gap:.55rem; }
.dot[b-hzl2n5pwtz] { width:13px; height:13px; border-radius:50%; border:2px solid #6366f1; background:rgba(255,255,255,.16); cursor:pointer; padding:0; transition:background .3s, transform .3s; }
.dot.active[b-hzl2n5pwtz] { background:#6366f1; transform:scale(1.25); }
.dot:hover:not(.active)[b-hzl2n5pwtz]{ background:rgba(99,102,241,.6); }

/* Desktop enhancements */
@media (min-width:900px){
  .carousel-wrapper[b-hzl2n5pwtz] { position:relative; }
  .review-card[b-hzl2n5pwtz] { width:100%; max-width:360px; }
  .reviews-wrapper[b-hzl2n5pwtz] { padding:0 1.25rem 4rem; }
}
@media (min-width:1250px){ .review-card[b-hzl2n5pwtz] { max-width:400px; } }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .carousel-track[b-hzl2n5pwtz], .ctrl-btn[b-hzl2n5pwtz], .dot[b-hzl2n5pwtz] { transition:none; }
}