.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1480px;}.e-con{--container-max-width:1480px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   BIORESEARCH DAILY — GLOBAL DESIGN SYSTEM
   Global controls colors, cards, buttons, text contrast, glass effect.
   Page code controls only each page background image.
   ========================================================= */

/* Prevent horizontal scroll */
html,
body {
  overflow-x: hidden !important;
}

/* Make WordPress / Elementor wrappers transparent */
.site,
.site-main,
.content-area,
.entry-content,
.wp-site-blocks,
.page-content,
.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget,
.elementor-widget-container,
.e-con,
.e-con-inner,
main,
section {
  background: transparent !important;
  
}/* =========================================================
   GLOBAL PAGE WRAPPER LAYOUT
   Makes BRD pages full-width and stable.
   Background image itself is controlled later by FINAL BACKGROUND FORCE.
   ========================================================= */

.brd-page,
.brd-homepage,
.brd-news-page,
.brd-beginner-page,
.brd-peptides-page,
.brd-ruo-page,
.brd-routes-page,
.brd-coa-page,
.brd-storage-page,
.brd-compound-page,
.brd-safety-page,
.brd-contact-page,
.brd-profile {
  position: relative !important;
  isolation: isolate !important;

  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100vh !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  color: #f3ffff !important;
  background-color: #020707 !important;
  overflow-x: hidden !important;
}

/* =========================================================
   GLOBAL DARK BLACK CARD SYSTEM
   Homepage-style cards across the site
   ========================================================= */

.brd-panel,
.brd-card,
.brd-guide-card,
.brd-path-card,
.brd-beginner-panel,
.brd-beginner-side,
.brd-ruo-card,
.brd-routes-card,
.brd-coa-card,
.brd-storage-card,
.brd-compound-card,
.brd-term-card,
.brd-definition-box,
.brd-disclaimer-box,
.brd-news-panel,
.brd-news-card,
.brd-news-featured,
.brd-news-side-card,
.brd-news-featured-card,
.brd-signal-card,
.brd-digest-panel,
.brd-popular-item,
.brd-mission,
.brd-mission-value,
.brd-contact-card,
.brd-contact-item,
.brd-safety-card,
.brd-profile-card,
.brd-info-card,
.brd-detail-card,
.brd-profile-image,
.brd-category-card,
.brd-mini-card,
.brd-related-card,
.brd-snapshot-item,
.brd-simple-pill {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(56,245,242,0.08),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      rgba(6,14,15,0.97) 0%,
      rgba(0,0,0,0.96) 100%
    ) !important;

  border-color: rgba(143,255,251,0.24) !important;

  box-shadow:
    0 20px 60px rgba(0,0,0,0.52),
    0 0 20px rgba(56,245,242,0.09),
    inset 0 1px 0 rgba(255,255,255,0.055),
    inset 0 0 28px rgba(143,255,251,0.025) !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* =========================================================
   GLOBAL TEXT CONTRAST
   ========================================================= */

p,
li,
.brd-card p,
.brd-panel p,
.brd-profile p,
.brd-homepage p,
.brd-news-copy,
.brd-news-card p,
.brd-news-content p,
.brd-signal-card p,
.brd-feed-mini p,
.brd-popular-main p,
.brd-snapshot-item span {
  color: rgba(242,255,255,0.90) !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.74) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brd-h1,
.brd-section-title,
.brd-news-title,
.brd-profile h1,
.brd-profile h2,
.brd-profile h3,
.brd-homepage h1,
.brd-homepage h2,
.brd-homepage h3,
strong {
  color: #ffffff;
  text-shadow:
    0 2px 10px rgba(0,0,0,0.82),
    0 0 12px rgba(56,245,242,0.08) !important;
}

/* =========================================================
   GLOBAL CHROME HEADING TEXT
   Keeps headings visible even when color is transparent
   ========================================================= */

.brd-h1,
.brd-section-title,
.brd-news-title {
  color: transparent !important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #dff9fb 24%,
      #9fb1b9 50%,
      #ffffff 72%,
      #c6d4d9 100%
    ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;

  text-shadow:
    0 2px 10px rgba(0,0,0,0.82),
    0 0 14px rgba(56,245,242,0.16) !important;
}
/* =========================================================
   GLOBAL LABELS / TAGS / CHIPS
   ========================================================= */

.brd-kicker,
.brd-chip,
.brd-label,
.brd-tags span,
.brd-news-kicker,
.brd-news-category,
.brd-news-chip,
.brd-popular-tag,
.brd-mission-kicker,
.brd-profile-label,
.brd-pill-row span,
.brd-eyebrow,
.brd-breadcrumb,
.brd-breadcrumb a {
  background: rgba(0,0,0,0.46) !important;
  border-color: rgba(143,255,251,0.24) !important;
  color: #bffffd !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.72) !important;
}

/* =========================================================
   BRD GLOBAL BUTTON SYSTEM — BLACK FROSTED GLASS
   Normal buttons only. Search buttons are handled later.
   ========================================================= */

.brd-btn,
.brd-small-btn,
.brd-news-btn,
.brd-news-filter-btn,
.brd-news-submit,
.brd-header-cta,
.brd-cta,
.brd-button,
button.brd-small-btn,
a.brd-small-btn,
.brd-dropdown-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  overflow: hidden !important;
  border-radius: 999px !important;

  color: #eaffff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  text-shadow: 0 0 10px rgba(56,245,242,0.32) !important;

  border: 1px solid rgba(143,255,251,0.42) !important;
  border-top-color: rgba(255,255,255,0.28) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.13) 0%,
      rgba(10,28,30,0.74) 42%,
      rgba(0,0,0,0.72) 100%
    ) !important;

  box-shadow:
    0 0 18px rgba(56,245,242,0.20),
    0 10px 26px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.26),
    inset 0 -1px 0 rgba(0,0,0,0.55),
    inset 0 0 18px rgba(143,255,251,0.06) !important;

  backdrop-filter: blur(16px) saturate(1.28) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.28) !important;

  filter: none !important;
  transition: 0.22s ease !important;
}

/* Primary button: same black glass, slightly brighter */
.brd-btn-primary {
  color: #f8ffff !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.20) 0%,
      rgba(56,245,242,0.18) 42%,
      rgba(0,12,13,0.78) 100%
    ) !important;

  border-color: rgba(143,255,251,0.62) !important;

  box-shadow:
    0 0 24px rgba(56,245,242,0.30),
    0 10px 30px rgba(0,0,0,0.46),
    inset 0 1px 0 rgba(255,255,255,0.34),
    inset 0 0 22px rgba(143,255,251,0.10) !important;
}

/* Hover */
.brd-btn:hover,
.brd-small-btn:hover,
.brd-news-btn:hover,
.brd-news-filter-btn:hover,
.brd-news-filter-btn.active,
.brd-news-submit:hover,
.brd-header-cta:hover,
.brd-cta:hover,
.brd-button:hover,
button.brd-small-btn:hover,
a.brd-small-btn:hover,
.brd-dropdown-button:hover {
  color: #ffffff !important;
  transform: translateY(-2px) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.20) 0%,
      rgba(56,245,242,0.18) 44%,
      rgba(0,0,0,0.72) 100%
    ) !important;

  border-color: rgba(143,255,251,0.74) !important;

  box-shadow:
    0 0 26px rgba(56,245,242,0.40),
    0 0 48px rgba(56,245,242,0.14),
    0 12px 32px rgba(0,0,0,0.48),
    inset 0 1px 0 rgba(255,255,255,0.38),
    inset 0 0 24px rgba(143,255,251,0.12) !important;
}

/* Remove old inner-capsule overlays */
.brd-btn::before,
.brd-small-btn::before,
.brd-news-btn::before,
.brd-news-filter-btn::before,
.brd-news-submit::before,
.brd-header-cta::before,
.brd-cta::before,
.brd-button::before,
.brd-dropdown-button::before,
.brd-btn::after,
.brd-small-btn::after,
.brd-news-btn::after,
.brd-news-filter-btn::after,
.brd-news-submit::after,
.brd-header-cta::after,
.brd-cta::after,
.brd-button::after,
.brd-dropdown-button::after {
  display: none !important;
  content: none !important;
}

/* =========================================================
   MOBILE PILL FIXES
   ========================================================= */

@media (max-width: 700px) {
  .brd-chip,
  .brd-news-chip,
  .brd-news-filter-btn {
    max-width: 100% !important;
    white-space: nowrap !important;
    font-size: 10.5px !important;
  }

  a[href*="mitochondrial"],
  button[data-filter*="mitochondrial"],
  button[data-category*="mitochondrial"],
  .brd-chip[data-url*="mitochondrial"],
  .brd-filter-pill[data-filter*="mitochondrial"] {
    min-width: 118px !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    white-space: nowrap !important;
  }
}/* =========================================================
   BRD FINAL GLOBAL BACKGROUND FORCE
   This is the master background renderer for all BRD pages.
   Individual pages only provide --brd-page-bg.
   ========================================================= */

body .brd-page,
body .brd-homepage,
body .brd-news-page,
body .brd-beginner-page,
body .brd-peptides-page,
body .brd-ruo-page,
body .brd-routes-page,
body .brd-coa-page,
body .brd-storage-page,
body .brd-compound-page,
body .brd-safety-page,
body .brd-contact-page,
body .brd-profile {
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,0.34) 0%,
      rgba(0,0,0,0.52) 45%,
      rgba(0,0,0,0.84) 100%
    ),
    var(--brd-page-bg, linear-gradient(#020707, #020707)) center center / cover no-repeat fixed !important;

  background-color: #020707 !important;
}

/* Profile pages still use the shared global profile background */
body .brd-profile {
  --brd-page-bg: url("https://bioresearchdaily.com/wp-content/uploads/2026/07/Profile-Background-2.png") !important;
}

/* Mobile background behavior */
@media (max-width: 900px) {
body .brd-page,
body .brd-homepage,
body .brd-news-page,
  body .brd-beginner-page,
  body .brd-peptides-page,
  body .brd-ruo-page,
  body .brd-routes-page,
  body .brd-coa-page,
  body .brd-storage-page,
  body .brd-compound-page,
  body .brd-safety-page,
  body .brd-contact-page,
  body .brd-profile {
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,0.40) 0%,
        rgba(0,0,0,0.58) 44%,
        rgba(0,0,0,0.88) 100%
      ),
      var(--brd-page-bg, linear-gradient(#020707, #020707)) center top / cover no-repeat scroll !important;

    background-color: #020707 !important;
  }
}/* =========================================================
   BRD GLOBAL SEARCH SYSTEM — CHROME SEARCH BAR
   Search bars stay chrome. Normal buttons stay black glass.
   ========================================================= */

/* Main search wrapper */
body .brd-page .brd-search,
body .brd-page .brd-home-search,
body .brd-page .brd-library-search {
  width: min(620px, 100%) !important;
  max-width: 100% !important;
  min-height: 66px !important;
  padding: 5px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;

  background:
    linear-gradient(
      180deg,
      #fcfeff 0%,
      #dce4ea 16%,
      #91a0aa 48%,
      #d7e0e6 78%,
      #ffffff 100%
    ) !important;

  border: 1px solid rgba(255,255,255,0.82) !important;

  box-shadow:
    0 0 22px rgba(56,245,242,0.38),
    0 0 45px rgba(56,245,242,0.18),
    inset 0 1px 0 rgba(255,255,255,0.95),
    inset 0 -2px 5px rgba(0,0,0,0.28) !important;
}

/* Search input */
body .brd-page .brd-search input,
body .brd-page .brd-home-search input,
body .brd-page .brd-library-search input {
  flex: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 999px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;

  background:
    linear-gradient(
      180deg,
      rgba(245,248,250,0.96) 0%,
      rgba(220,227,233,0.92) 100%
    ) !important;

  color: #1a262d !important;
  font-size: 16px !important;
  font-weight: 500 !important;

  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.18),
    inset 0 0 0 1px rgba(255,255,255,0.65) !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Placeholder */
body .brd-page .brd-search input::placeholder,
body .brd-page .brd-home-search input::placeholder,
body .brd-page .brd-library-search input::placeholder {
  color: #465761 !important;
  opacity: 0.9 !important;
}

/* Search submit button */
body .brd-page .brd-search button,
body .brd-page .brd-home-search button,
body .brd-page .brd-library-search button {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border: 0 !important;
  border-radius: 50% !important;
  cursor: pointer !important;

  color: #03282b !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  text-shadow: none !important;

  background:
    linear-gradient(
      180deg,
      #b8ffff 0%,
      #55f3f0 42%,
      #12b6c6 100%
    ) !important;

  box-shadow:
    0 0 18px rgba(56,245,242,0.55),
    inset 0 1px 0 rgba(255,255,255,0.85),
    inset 0 -2px 4px rgba(0,0,0,0.18) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Prevent capsule-inside-capsule overlays on search buttons */
body .brd-page .brd-search button::before,
body .brd-page .brd-search button::after,
body .brd-page .brd-home-search button::before,
body .brd-page .brd-home-search button::after,
body .brd-page .brd-library-search button::before,
body .brd-page .brd-library-search button::after {
  display: none !important;
  content: none !important;
}

/* Mini/database search bar */
body .brd-page .brd-mini-search {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 50px !important;
  padding: 4px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;

  background:
    linear-gradient(
      180deg,
      #fcfeff 0%,
      #dce4ea 16%,
      #91a0aa 48%,
      #d7e0e6 78%,
      #ffffff 100%
    ) !important;

  border: 1px solid rgba(255,255,255,0.78) !important;

  box-shadow:
    0 0 18px rgba(56,245,242,0.26),
    inset 0 1px 0 rgba(255,255,255,0.95),
    inset 0 -2px 5px rgba(0,0,0,0.24) !important;
}

body .brd-page .brd-mini-search input {
  flex: 1 !important;
  min-width: 0 !important;
  height: 40px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 999px !important;
  padding: 0 14px !important;

  background:
    linear-gradient(
      180deg,
      rgba(245,248,250,0.96) 0%,
      rgba(220,227,233,0.92) 100%
    ) !important;

  color: #1a262d !important;
  font-size: 14px !important;

  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.18),
    inset 0 0 0 1px rgba(255,255,255,0.65) !important;
}

body .brd-page .brd-mini-search button {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border: 0 !important;
  border-radius: 50% !important;

  color: #03282b !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-shadow: none !important;

  background:
    linear-gradient(
      180deg,
      #b8ffff 0%,
      #55f3f0 42%,
      #12b6c6 100%
    ) !important;

  box-shadow:
    0 0 14px rgba(56,245,242,0.48),
    inset 0 1px 0 rgba(255,255,255,0.85),
    inset 0 -2px 4px rgba(0,0,0,0.18) !important;
}

/* Mobile */
@media (max-width: 700px) {
  body .brd-page .brd-search,
  body .brd-page .brd-home-search,
  body .brd-page .brd-library-search {
    min-height: 60px !important;
  }

  body .brd-page .brd-search input,
  body .brd-page .brd-home-search input,
  body .brd-page .brd-library-search input {
    height: 48px !important;
    font-size: 15px !important;
  }

  body .brd-page .brd-search button,
  body .brd-page .brd-home-search button,
  body .brd-page .brd-library-search button {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }
}/* =========================================================
   BRD SEARCH BUTTON FINAL FIX — SEAMLESS BLACK GLASS
   Removes clipped seam / sharp edge around magnifying button
   ========================================================= */

body .brd-page .brd-search,
body .brd-page .brd-home-search,
body .brd-page .brd-library-search {
  position: relative !important;
  overflow: hidden !important;
  gap: 8px !important;
  padding: 5px 7px 5px 14px !important;
}

/* Remove the separate white input capsule that causes the seam */
body .brd-page .brd-search input,
body .brd-page .brd-home-search input,
body .brd-page .brd-library-search input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 54px !important;

  margin: 0 !important;
  padding: 0 18px !important;

  border: 0 !important;
  outline: 0 !important;
  border-radius: 999px !important;

  background: transparent !important;
  box-shadow: none !important;

  color: #1a262d !important;
  font-size: 16px !important;
  font-weight: 500 !important;

  position: relative !important;
  z-index: 1 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Black glass search button — no overlap, no clipped seam */
body .brd-page .brd-search button,
body .brd-page .brd-home-search button,
body .brd-page .brd-library-search button {
  position: relative !important;
  z-index: 3 !important;

  flex: 0 0 54px !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  overflow: hidden !important;

  color: #eaffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-shadow: 0 0 10px rgba(56,245,242,0.36) !important;

  border: 1px solid rgba(143,255,251,0.46) !important;

  background:
    radial-gradient(circle at 50% 24%, rgba(255,255,255,0.16), transparent 34%),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.14) 0%,
      rgba(8,26,28,0.90) 44%,
      rgba(0,0,0,0.96) 100%
    ) !important;

  box-shadow:
    0 0 15px rgba(56,245,242,0.24),
    0 5px 16px rgba(0,0,0,0.52),
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -1px 0 rgba(0,0,0,0.62),
    inset 0 0 14px rgba(143,255,251,0.08) !important;

  backdrop-filter: blur(14px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.25) !important;

  outline: none !important;
  transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Hover */
body .brd-page .brd-search button:hover,
body .brd-page .brd-home-search button:hover,
body .brd-page .brd-library-search button:hover {
  color: #ffffff !important;
  transform: none !important;

  background:
    radial-gradient(circle at 50% 24%, rgba(255,255,255,0.22), transparent 36%),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(18,42,44,0.92) 44%,
      rgba(0,0,0,0.96) 100%
    ) !important;

  box-shadow:
    0 0 20px rgba(56,245,242,0.34),
    0 6px 18px rgba(0,0,0,0.56),
    inset 0 1px 0 rgba(255,255,255,0.30),
    inset 0 0 18px rgba(143,255,251,0.12) !important;
}

/* Kill pseudo overlays */
body .brd-page .brd-search button::before,
body .brd-page .brd-search button::after,
body .brd-page .brd-home-search button::before,
body .brd-page .brd-home-search button::after,
body .brd-page .brd-library-search button::before,
body .brd-page .brd-library-search button::after {
  display: none !important;
  content: none !important;
}

/* Mini search version */
body .brd-page .brd-mini-search {
  overflow: hidden !important;
  gap: 6px !important;
  padding: 4px 5px 4px 10px !important;
}

body .brd-page .brd-mini-search input {
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .brd-page .brd-mini-search button {
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  margin: 0 !important;
}/* =========================================================
   BRD SEARCH FINAL OVERRIDE — TRUE BLACK END-CAP
   Removes the sharp chrome crescent/edge by covering the whole right end
   ========================================================= */

body .brd-page form.brd-search,
body .brd-page .brd-search,
body .brd-page .brd-home-search,
body .brd-page .brd-library-search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;

  width: min(620px, 100%) !important;
  min-height: 64px !important;
  height: 64px !important;

  padding: 5px 72px 5px 18px !important;
  gap: 0 !important;

  border-radius: 999px !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      180deg,
      #fcfeff 0%,
      #dce4ea 16%,
      #91a0aa 48%,
      #d7e0e6 78%,
      #ffffff 100%
    ) !important;

  border: 1px solid rgba(255,255,255,0.82) !important;

  box-shadow:
    0 0 22px rgba(56,245,242,0.38),
    0 0 45px rgba(56,245,242,0.18),
    inset 0 1px 0 rgba(255,255,255,0.95),
    inset 0 -2px 5px rgba(0,0,0,0.28) !important;
}

body .brd-page form.brd-search input,
body .brd-page .brd-search input,
body .brd-page .brd-home-search input,
body .brd-page .brd-library-search input {
  width: 100% !important;
  height: 54px !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 18px !important;

  border: 0 !important;
  outline: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  color: #1a262d !important;
  font-size: 16px !important;
  font-weight: 500 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .brd-page form.brd-search button,
body .brd-page .brd-search button,
body .brd-page .brd-home-search button,
body .brd-page .brd-library-search button {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 0 999px 999px 0 !important;
  border: 0 !important;
  border-left: 1px solid rgba(143,255,251,0.38) !important;

  overflow: hidden !important;

  background:
    radial-gradient(circle at 50% 34%, rgba(255,255,255,0.16), transparent 34%),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.12) 0%,
      rgba(8,26,28,0.92) 44%,
      rgba(0,0,0,0.98) 100%
    ) !important;

  box-shadow:
    -8px 0 18px rgba(0,0,0,0.26),
    inset 1px 0 0 rgba(255,255,255,0.10),
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -1px 0 rgba(0,0,0,0.70),
    inset 0 0 18px rgba(143,255,251,0.08) !important;

  backdrop-filter: blur(14px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.25) !important;

  font-size: 0 !important;
  color: transparent !important;
  text-shadow: none !important;

  transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Clean magnifying glass circle */
body .brd-page form.brd-search button::before,
body .brd-page .brd-search button::before,
body .brd-page .brd-home-search button::before,
body .brd-page .brd-library-search button::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;

  width: 16px !important;
  height: 16px !important;

  left: 50% !important;
  top: 50% !important;

  transform: translate(-60%, -58%) !important;

  border: 2px solid #eaffff !important;
  border-radius: 50% !important;
  background: transparent !important;

  box-shadow:
    0 0 8px rgba(56,245,242,0.55),
    inset 0 0 6px rgba(56,245,242,0.16) !important;
}

/* Clean magnifying glass handle */
body .brd-page form.brd-search button::after,
body .brd-page .brd-search button::after,
body .brd-page .brd-home-search button::after,
body .brd-page .brd-library-search button::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;

  width: 10px !important;
  height: 2px !important;

  left: 50% !important;
  top: 50% !important;

  transform: translate(3px, 7px) rotate(45deg) !important;
  transform-origin: left center !important;

  border-radius: 999px !important;
  background: #eaffff !important;

  box-shadow:
    0 0 8px rgba(56,245,242,0.55) !important;
}

body .brd-page form.brd-search button:hover,
body .brd-page .brd-search button:hover,
body .brd-page .brd-home-search button:hover,
body .brd-page .brd-library-search button:hover {
  transform: none !important;
}/* End custom CSS */