/*------------------------------------------------------------------
  Coinlend Redesign v4 "Blue-Mint" theme
  Applied on top of _main.css / _media.css and the GWT-injected
  myStyle.css / myStyleDark.css.

  NOTE: The GWT stylesheets are injected as <style> elements at
  runtime (after this file), therefore conflicting rules here use
  higher specificity (html body ...) and/or !important.

  Palette:
    background      #0B1018   footer #090D14
    panel           rgba(15,22,33,0.72)
    text            #E8EDF4   muted #A6B2C2 / #8A97A8 / #6B7889
    accent blue     #8FC4F2   (hover #B5DAFA)
    accent mint     #3CE6A7 / #4FE0B0
    text on accent  #08243D
  Fonts: Space Grotesk (headings), Instrument Sans (body),
         IBM Plex Mono (numbers) - loaded via Google Fonts in index.html
-------------------------------------------------------------------*/

/* ------------- BASE ------------- */

/* NOTE: no `scroll-behavior: smooth` here — the page scrolls via JS plugins
   (mPageScroll2id); CSS smooth-behavior on top of that re-animates every
   programmatic scroll step and makes wheel scrolling rubbery. */

html,
html body {
	box-sizing: border-box;
}

html *,
html *::before,
html *::after {
	box-sizing: inherit;
}

html body {
	background: #0B1018 !important;
	color: #E8EDF4;
	font-family: 'Instrument Sans', 'RalewayRegular', sans-serif;
	-webkit-font-smoothing: antialiased;
	margin: 0;
}

html body a,
html body a label {
	color: #8FC4F2;
}

html body a:hover,
html body a:focus {
	color: #B5DAFA;
	text-decoration: none;
}

body h1 {
	font-family: 'Space Grotesk', 'RalewayThin', sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: -0.03em !important;
	color: #FFFFFF !important;
}

body h2 {
	font-family: 'Space Grotesk', 'RalewayThin', sans-serif !important;
	color: #C7D1DE !important;
	letter-spacing: -0.01em;
}

body h3 {
	font-family: 'Space Grotesk', 'RalewayBold', sans-serif;
	color: #FFFFFF !important;
}

body h4 {
	font-family: 'Space Grotesk', 'RalewayThin', sans-serif !important;
	font-weight: 700 !important;
	font-size: 42px !important;
	letter-spacing: -0.02em !important;
	color: #FFFFFF !important;
}

body input,
body textarea {
	font-family: 'Instrument Sans', sans-serif;
}

*::-webkit-input-placeholder {
	font-family: 'Instrument Sans', sans-serif;
	color: #5C6979;
}
*::-moz-placeholder {
	font-family: 'Instrument Sans', sans-serif;
	color: #5C6979;
}
*:-ms-input-placeholder {
	font-family: 'Instrument Sans', sans-serif;
	color: #5C6979;
}

/* ------------- ANIMATIONS ------------- */

@keyframes bmPulseDot {
	0%, 100% { opacity: 1; }
	50% { opacity: .35; }
}

@keyframes bmSpin {
	to { transform: rotate(360deg); }
}

.bm-dot {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #3CE6A7;
	margin-right: 10px;
	animation: bmPulseDot 2.4s ease-in-out infinite;
	flex-shrink: 0;
}

/* ------------- TOP ANNOUNCEMENT BARS ------------- */

.bm-top-bar {
	width: 100%;
	height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 0;
	right: 0;
	transition: height 0.5s ease-out;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	z-index: 230;
}

.bm-top-bar--demo {
	background: #10201F;
	border-bottom: 1px solid rgba(60, 230, 167, 0.25);
	color: #7FE9C3;
	visibility: hidden;
	z-index: 200;
}

.bm-top-bar--announce {
	height: 30px;
	background: #141C27;
	border-bottom: 1px solid rgba(143, 196, 242, 0.18);
	color: #BBDCF5;
	visibility: visible;
	gap: 10px;
}

.bm-top-bar--announce a {
	color: #8FC4F2;
	font-weight: 600;
}

.bm-top-bar--announce a:hover {
	color: #B5DAFA;
}

/* ------------- PRELOADER ------------- */

/* _main.css uses a light background + preloader.gif; replace with a dark screen and CSS spinner */
html body .preloader {
	background: #0B1018 !important;
}

html body .preloader::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	border-radius: 50%;
	border: 2px solid rgba(143, 196, 242, 0.15);
	border-top-color: #8FC4F2;
	animation: bmSpin 0.9s linear infinite;
}

html body .preloader::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	border-radius: 50%;
	background: #3CE6A7;
	animation: bmPulseDot 1.8s ease-in-out infinite;
}

/* ------------- NAV / HEAD BAR ------------- */

body .head-bar {
	position: fixed !important;
	top: 30px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 200;
	background: #0B1018 !important;
	border-top: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	padding: 0 !important;
}

body .head-bar.minimalized {
	background-color: #0B1018 !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

body .bm-nav-inner {
	position: relative;
	max-width: 1240px;
	margin: 0 auto;
	padding: 15px 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 58px;
}

body .bm-nav-logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

body .head-bar .bm-nav-logo img,
body .head-bar img {
	height: 28px !important;
	width: auto !important;
	margin: 0 !important;
	display: block;
}

body .menu {
	text-align: initial !important;
}

body .bm-nav-menu {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
}

body #navigation {
	width: 100%;
}

body .bm-nav-panel {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	min-height: 0;
	gap: 12px;
}

body .bm-nav-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	flex-wrap: nowrap;
	white-space: nowrap;
	z-index: 1;
	pointer-events: none;
}

body .bm-nav-center .menu-element {
	pointer-events: auto;
}

body .bm-nav-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

body .menu-element {
	display: inline-flex;
	align-items: center;
	margin: 0 !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	text-transform: none !important;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
	float: none;
	line-height: 1;
	vertical-align: middle;
}

body .menu-element a,
body .menu-element a label {
	display: inline-flex;
	align-items: center;
	line-height: 1.2;
	color: #A6B2C2;
	transition: color .15s ease;
	text-transform: capitalize !important;
}

body .menu-element a:hover,
body .menu-element a:focus,
body .menu-element a.active {
	color: #FFFFFF;
}

body .bm-nav-logout-btn,
body .bm-nav-logout-btn:visited {
	color: #A6B2C2 !important;
	font-family: 'Instrument Sans', sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-transform: capitalize !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
}

body .bm-nav-logout-btn:hover,
body .bm-nav-logout-btn:focus {
	color: #FFFFFF !important;
}

body .bm-nav-demo-btn,
body .bm-nav-demo-btn:visited {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 8px 16px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(143, 196, 242, 0.45) !important;
	background: transparent !important;
	color: #8FC4F2 !important;
	font-family: 'Instrument Sans', sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	text-shadow: none !important;
	box-shadow: none !important;
	white-space: nowrap;
	transition: background .15s ease, color .15s ease;
}

body .bm-nav-demo-btn:hover,
body .bm-nav-demo-btn:focus {
	background: rgba(143, 196, 242, 0.1) !important;
	color: #B5DAFA !important;
}

body .bm-nav-demo-btn i {
	color: #8FC4F2 !important;
	font-size: 12px !important;
}

body .bm-nav-account-btn,
body .bm-nav-account-btn:visited {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 8px 18px !important;
	border-radius: 999px !important;
	border: none !important;
	background: #8FC4F2 !important;
	color: #08243D !important;
	font-family: 'Instrument Sans', sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	white-space: nowrap;
	transition: background .15s ease;
}

body .bm-nav-account-btn:hover,
body .bm-nav-account-btn:focus,
body .bm-nav-account-btn.active {
	background: #B5DAFA !important;
	color: #08243D !important;
}

body .bm-nav-logout-btn {
	font-size: 13px !important;
}

body .bm-nav-locale {
	margin: 0 !important;
	position: relative !important;
	display: inline-flex !important;
	vertical-align: middle;
}

body .bm-nav-locale .bm-nav-locale-btn,
body .bm-nav-locale.btn-group > .btn.bm-nav-locale-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 7px 14px 7px 16px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: rgba(255, 255, 255, 0.03) !important;
	background-image: none !important;
	filter: none !important;
	color: #A6B2C2 !important;
	font-family: 'Instrument Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	text-shadow: none !important;
	box-shadow: none !important;
	white-space: nowrap;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}

/* Bootstrap btn-group sees the dropdown <ul> as a sibling and squares off the right edge */
body .bm-nav-locale.btn-group > .bm-nav-locale-btn:first-child,
body .bm-nav-locale.btn-group > .bm-nav-locale-btn:last-child,
body .bm-nav-locale.btn-group > .bm-nav-locale-btn:only-child {
	border-radius: 999px !important;
}

body .bm-nav-locale .bm-nav-locale-btn .caret {
	margin-left: 6px !important;
	border-top-color: #8A97A8 !important;
	opacity: 0.9;
}

body .bm-nav-locale.open .bm-nav-locale-btn,
body .bm-nav-locale .bm-nav-locale-btn:hover,
body .bm-nav-locale .bm-nav-locale-btn:focus,
body .bm-nav-locale .bm-nav-locale-btn:active {
	background: rgba(143, 196, 242, 0.08) !important;
	background-image: none !important;
	border-color: rgba(143, 196, 242, 0.35) !important;
	color: #E8EDF4 !important;
	outline: none !important;
	box-shadow: none !important;
}

body .bm-nav-locale.open .bm-nav-locale-btn .caret,
body .bm-nav-locale .bm-nav-locale-btn:hover .caret,
body .bm-nav-locale .bm-nav-locale-btn:focus .caret {
	border-top-color: #BBDCF5 !important;
}

body .bm-nav-locale .dropdown-menu,
body .bm-nav-locale-menu {
	left: auto !important;
	right: 0 !important;
	top: 100% !important;
	margin-top: 8px;
	min-width: 176px;
	padding: 6px 0;
	border-radius: 12px;
	background: #0F1621;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

body .bm-nav-locale .dropdown-menu > li > a,
body .bm-nav-locale-menu > li > a {
	padding: 8px 16px;
	color: #A6B2C2 !important;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 13px;
	font-weight: 500;
	transition: background .12s ease, color .12s ease;
}

body .bm-nav-locale .dropdown-menu > li > a:hover,
body .bm-nav-locale .dropdown-menu > li > a:focus,
body .bm-nav-locale-menu > li > a:hover,
body .bm-nav-locale-menu > li > a:focus {
	background: rgba(143, 196, 242, 0.1) !important;
	color: #FFFFFF !important;
}

body .malto-head i.bm-nav-hamburger {
	color: #A6B2C2;
	margin-top: 0;
	font-size: 28px;
	cursor: pointer;
}

@media only screen and (max-width: 1199px) {
	body .bm-nav-inner {
		padding: 15px 20px;
	}

	body .bm-nav-center {
		display: none;
	}

	body .bm-nav-actions .bm-nav-locale {
		display: none;
	}
}

/* ------------- HERO ------------- */

body .malto-head {
	background:
		radial-gradient(ellipse 55% 65% at 72% 40%, rgba(143, 196, 242, 0.10) 0%, rgba(143, 196, 242, 0) 65%),
		radial-gradient(ellipse 45% 55% at 15% 85%, rgba(60, 230, 167, 0.08) 0%, rgba(60, 230, 167, 0) 70%),
		#0B1018 !important;
	background-size: auto !important;
	overflow: hidden;
	/* flex column so the hero content centers in the 100vh fold */
	display: flex;
	flex-direction: column;
}

/* fine grid overlay */
body .malto-head::before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-image:
		linear-gradient(rgba(148, 170, 196, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(148, 170, 196, 0.05) 1px, transparent 1px);
	background-size: 56px 56px;
	pointer-events: none;
}

/* vignette fading the grid towards the edges */
body .malto-head::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: radial-gradient(ellipse 70% 80% at 50% 45%, rgba(11, 16, 24, 0) 30%, #0B1018 100%);
	pointer-events: none;
}

/* particles.js replaced by the orbital decoration */
#particleContainer .particles-js-canvas-el {
	display: none !important;
}

/* orbital "AI core" decoration */
.bm-orbits {
	position: absolute;
	top: 50%;
	right: -40px;
	width: 720px;
	height: 720px;
	margin-top: -360px;
	pointer-events: none;
	z-index: 1;
}

.bm-orbit {
	position: absolute;
	border-radius: 50%;
	/* keep the endless rotations on their own compositor layers */
	will-change: transform;
	transform: translateZ(0);
}

.bm-orbit-1 {
	top: 0; right: 0; bottom: 0; left: 0;
	border: 1px solid rgba(143, 196, 242, 0.10);
	animation: bmSpin 70s linear infinite;
}

.bm-orbit-2 {
	top: 105px; right: 105px; bottom: 105px; left: 105px;
	border: 1px dashed rgba(60, 230, 167, 0.18);
	animation: bmSpin 46s linear infinite reverse;
}

.bm-orbit-3 {
	top: 220px; right: 220px; bottom: 220px; left: 220px;
	border: 1px solid rgba(148, 170, 196, 0.14);
	animation: bmSpin 90s linear infinite;
}

.bm-core {
	position: absolute;
	top: 300px; right: 300px; bottom: 300px; left: 300px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(143, 196, 242, 0.16) 0%, rgba(143, 196, 242, 0.03) 55%, rgba(143, 196, 242, 0) 75%);
}

.bm-sat {
	position: absolute;
	border-radius: 50%;
}

.bm-sat-a {
	top: -4px; left: 50%;
	width: 8px; height: 8px;
	background: #8FC4F2;
	box-shadow: 0 0 14px rgba(143, 196, 242, 0.8);
}

.bm-sat-b {
	bottom: -3px; left: 50%;
	width: 6px; height: 6px;
	background: rgba(143, 196, 242, 0.5);
}

.bm-sat-c {
	top: -4px; left: 50%;
	width: 7px; height: 7px;
	background: rgba(111, 240, 192, 0.85);
	box-shadow: 0 0 12px rgba(60, 230, 167, 0.7);
}

.bm-sat-d {
	top: 50%; right: -3px;
	width: 5px; height: 5px;
	background: rgba(143, 196, 242, 0.45);
}

.bm-sat-e {
	top: 50%; left: -3px;
	width: 6px; height: 6px;
	background: rgba(148, 170, 196, 0.7);
}

@media only screen and (max-width: 1199px) {
	.bm-orbits {
		display: none;
	}
}

/* hero content above the decoration; fills the space below the ticker and
   centers the grid vertically on tall viewports */
body .head-elements {
	text-align: left;
	z-index: 2;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	width: 100%;
}

/* ------------- TICKER BANNER ------------- */

body #tickerScrollWidget {
	position: relative;
	z-index: 2;
	padding: 28px 0;
}

body .bm-ticker-track {
	height: 40px;
	position: relative;
	overflow: hidden;
}

body .bm-ticker-track .marquee {
	display: flex;
	align-items: center;
	height: 40px;
}

body .bm-ticker-track .marquee .spana {
	display: inline-flex;
	align-items: center;
	height: 40px;
	line-height: 1;
}

body .bm-ticker-track .marquee table {
	border-collapse: collapse;
	border-spacing: 0;
	height: 40px;
}

body .bm-ticker-track .marquee td {
	vertical-align: middle !important;
	padding: 0;
	border: none;
}

body .bm-ticker-track .marquee td > div {
	display: inline-flex;
	align-items: center;
	height: 40px;
	line-height: 1;
}

body .bm-ticker-item,
body .bm-ticker-track .marquee td > div > span {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-right: 25px;
	white-space: nowrap;
	line-height: 1;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 14px;
	color: #C8D2E0;
	vertical-align: middle;
}

body .bm-ticker-track .marquee .bm-coin-cell {
	flex-shrink: 0;
	gap: 8px;
}

body .bm-ticker-track .marquee .bm-coin-cell > i.cc {
	width: 18px;
	height: 18px;
	min-width: 18px;
	font-size: 16px !important;
}

body .bm-ticker-track .marquee .bm-coin-label {
	display: inline;
	line-height: 1;
}

/* ------------- HERO LAYOUT ------------- */

body .bm-hero-grid {
	position: relative;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	/* slight bottom bias keeps the optical center; flex parent handles the rest */
	padding: 0 32px 48px;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: 72px;
	align-items: center;
	z-index: 2;
}

body .bm-hero-rates {
	min-width: 0;
}

body #ratesTableCont .offerTable,
body #ratesTableContFixed .offerTable {
	display: block;
	width: 100%;
}

@media only screen and (max-width: 1099px) {
	body .bm-hero-grid {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 32px 24px 48px;
	}
}

body .bm-hero-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 26px;
	min-width: 0;
}

body .bm-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border-radius: 999px;
	border: 1px solid rgba(143, 196, 242, 0.25);
	background: rgba(143, 196, 242, 0.06);
	font-family: 'Instrument Sans', sans-serif;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #BBDCF5;
	position: relative;
	z-index: 2;
}

body .bm-badge-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #3CE6A7;
	flex-shrink: 0;
}

body .bm-hero-sub {
	margin: 0;
	max-width: 460px;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 18px;
	line-height: 1.6;
	color: #A6B2C2;
	position: relative;
	z-index: 2;
}

body .bm-hero-actions {
	display: flex;
	gap: 14px;
	margin-top: 6px;
	position: relative;
	z-index: 2;
}

body .bm-hero-platforms {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 22px;
	margin-top: 18px;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 13px;
	color: #6B7889;
	position: relative;
	z-index: 2;
}

body .bm-platform {
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 600;
	letter-spacing: 0.14em;
	color: #8A97A8;
}

/* ------------- SECTION HEADERS ------------- */

body .bm-eyebrow {
	display: block;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #8FC4F2;
	font-weight: 600;
}

body .bm-section-head {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 560px;
	margin-bottom: 56px;
	text-align: left;
}

body .bm-section-title {
	margin: 0 !important;
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: 42px !important;
	line-height: 1.1 !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	color: #FFFFFF !important;
	text-transform: none !important;
}

/* ------------- HERO HEADLINE ------------- */

/* GWT myStyle.css centers .cd-intro and adds big margins; redesign is left-aligned and tight */
html body .cd-intro {
	text-align: left !important;
	margin: 0 !important;
}

html body .bm-hero-actions .welcomePageBtn {
	margin: 0 !important;
}

body .cd-headline {
	font-family: 'Space Grotesk', sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: -0.03em;
	line-height: 1.05;
}

@media only screen and (min-width: 768px) {
	body .cd-headline {
		font-size: 3.4rem;
		font-weight: 700;
	}
}

@media only screen and (min-width: 1170px) {
	body .cd-headline {
		font-size: 4.25rem;
	}
}

/* rotating platform name gets the blue->mint gradient */
body .cd-headline .cd-words-wrapper b {
	background: linear-gradient(90deg, #8FC4F2 0%, #3CE6A7 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	-webkit-text-fill-color: transparent;
}

body .cd-headline.loading-bar .cd-words-wrapper::after {
	background: #3CE6A7;
	height: 2px;
}

/* ------------- HERO BUTTONS ------------- */

body #setupBotBtn .btn,
body #setupBotBtn .btn:visited {
	background: linear-gradient(90deg, #8FC4F2 0%, #4FE0B0 100%) !important;
	color: #08243D !important;
	border: none !important;
	border-radius: 999px;
	padding: 14px 30px;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
	box-shadow: 0 8px 32px rgba(96, 196, 220, 0.3);
	transition: filter .15s ease, transform .15s ease;
}

body #setupBotBtn .btn:hover,
body #setupBotBtn .btn:focus,
body #setupBotBtn .btn:active {
	background: linear-gradient(90deg, #8FC4F2 0%, #4FE0B0 100%) !important;
	color: #08243D !important;
	border: none !important;
	filter: brightness(1.08);
	transform: translateY(-1px);
}

body #learn-btn .btn,
body #learn-btn .btn:visited {
	background: rgba(255, 255, 255, 0.04) !important;
	color: #E8EDF4 !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 999px;
	padding: 14px 30px;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
	transition: background .15s ease, transform .15s ease;
}

body #learn-btn .btn:hover,
body #learn-btn .btn:focus,
body #learn-btn .btn:active {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #FFFFFF !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	transform: translateY(-1px);
}

/* ------------- LIVE RATES GLASS PANEL ------------- */

body #ratesTableCont .offerTable,
body #ratesTableContFixed .offerTable {
	/* solid-ish background instead of backdrop-filter: live-rate updates
	   repaint this panel constantly, and re-blurring the backdrop each
	   time makes the whole page scroll janky */
	background: rgba(15, 22, 33, 0.94) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 20px !important;
	padding: 0 !important;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5) !important;
	overflow: hidden;
}

/* title -> panel header bar with pulsing dot and unit hint */
body #ratesTableCont .offerTable > .gwt-Label,
body #ratesTableContFixed .offerTable > .gwt-Label {
	display: flex;
	align-items: center;
	margin: 0 !important;
	padding: 18px 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #FFFFFF !important;
}

body #ratesTableCont .offerTable > .gwt-Label::before,
body #ratesTableContFixed .offerTable > .gwt-Label::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #3CE6A7;
	margin-right: 10px;
	flex-shrink: 0;
	animation: bmPulseDot 2s ease-in-out infinite;
}

body #ratesTableCont .offerTable > .gwt-Label::after,
body #ratesTableContFixed .offerTable > .gwt-Label::after {
	content: 'yearly APR';
	margin-left: auto;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	font-weight: 400;
	color: #6B7889;
}

/* table fills the panel; no column header row (like the redesign) */
body #ratesTableCont .offerTable table,
body #ratesTableContFixed .offerTable table {
	width: 100%;
	margin: 0;
}

body #ratesTableCont .offerTable thead,
body #ratesTableContFixed .offerTable thead {
	display: none;
}

body #ratesTableCont .offerTable td,
body #ratesTableContFixed .offerTable td {
	border-color: rgba(255, 255, 255, 0.05) !important;
	padding: 11px 12px;
	transition: background .15s ease;
	vertical-align: middle;
}

body #ratesTableCont .offerTable td:first-child,
body #ratesTableContFixed .offerTable td:first-child {
	padding-left: 24px;
	font-size: 14px;
	font-weight: 500;
	color: #E8EDF4;
	font-family: 'Instrument Sans', sans-serif;
}

/* coin icon + token name — fixed grid box centers inconsistent cryptocoin glyphs */
.bm-coin-cell,
body #ratesTableCont .offerTable td:first-child > span,
body #ratesTableContFixed .offerTable td:first-child > span {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
	line-height: 1;
	vertical-align: middle;
}

.bm-coin-cell > i.cc,
body #ratesTableCont .offerTable td:first-child i.cc,
body #ratesTableContFixed .offerTable td:first-child i.cc {
	display: inline-grid;
	place-items: center;
	width: 16px;
	height: 16px;
	min-width: 16px;
	font-size: 14px;
	line-height: 1;
	flex-shrink: 0;
	font-style: normal;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0 !important;
}

.bm-coin-cell > i.cc::before,
body #ratesTableCont .offerTable td:first-child i.cc::before,
body #ratesTableContFixed .offerTable td:first-child i.cc::before {
	line-height: 1;
}

.bm-coin-label {
	display: block;
	line-height: 16px;
}

body #ratesTableCont .offerTable td:nth-child(2),
body #ratesTableContFixed .offerTable td:nth-child(2) {
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #6B7889 !important;
	font-family: 'Instrument Sans', sans-serif;
}

body #ratesTableCont .offerTable tbody tr:hover td,
body #ratesTableContFixed .offerTable tbody tr:hover td {
	background: rgba(255, 255, 255, 0.03);
}

body #ratesTableCont .offerTable td:last-child,
body #ratesTableContFixed .offerTable td:last-child {
	font-family: 'IBM Plex Mono', monospace;
	font-weight: 600;
	color: #3CE6A7 !important;
	padding-right: 24px;
}

/* the redesign shows all rates in mint, overriding per-rate colors */
body #ratesTableCont .offerTable td:last-child span,
body #ratesTableContFixed .offerTable td:last-child span,
body #ratesTableCont .offerTable td:last-child b,
body #ratesTableContFixed .offerTable td:last-child b {
	color: #3CE6A7 !important;
	font-family: 'IBM Plex Mono', monospace !important;
}

/* pager -> panel footer (SimplePager renders as the table following the rate table) */
body #ratesTableCont .offerTable > .gwt-SimplePager,
body #ratesTableContFixed .offerTable > .gwt-SimplePager,
body #ratesTableCont .offerTable > table + table,
body #ratesTableContFixed .offerTable > table + table {
	width: auto !important;
	margin: 6px auto 10px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	color: #6B7889;
}

/* hide the rate-type and platform dropdowns on the welcome panel */
body #ratesTableCont .historyTableTypeSelection,
body #ratesTableContFixed .historyTableTypeSelection {
	display: none !important;
}

/* ------------- FEATURES ------------- */

body #features {
	background: linear-gradient(180deg, rgba(15, 22, 33, 0.5) 0%, rgba(11, 16, 24, 0) 100%) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-bottom: none !important;
	padding: 90px 0;
	text-align: left !important;
}

body #features .container {
	max-width: 1240px;
}

body #features .bm-features-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
	gap: 20px;
	align-items: stretch;
}

body #features .bm-features-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

body #features .bm-features-video {
	display: flex;
	align-items: stretch;
}

body #features .bm-features-video iframe {
	width: 100%;
	height: 100%;
	min-height: 315px;
}

@media only screen and (max-width: 991px) {
	body #features .bm-features-layout {
		grid-template-columns: 1fr;
	}

	body #features .bm-features-video iframe {
		min-height: 280px;
	}
}

@media only screen and (max-width: 575px) {
	body #features .bm-features-cards {
		grid-template-columns: 1fr;
	}
}

body #features .bm-card {
	height: 100%;
	min-height: 210px;
	padding: 28px;
	border-radius: 18px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: rgba(255, 255, 255, 0.03);
	text-align: left;
	transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

body #features .bm-card:hover {
	border-color: rgba(143, 196, 242, 0.4);
	background: rgba(255, 255, 255, 0.05);
	transform: translateY(-3px);
}

body #features .bm-card i.material-icons {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	border: 1px solid rgba(143, 196, 242, 0.35);
	background: rgba(143, 196, 242, 0.08);
	color: #8FC4F2 !important;
	font-size: 22px !important;
	margin-bottom: 14px;
}

body #features .bm-card h3 {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: normal;
	color: #FFFFFF !important;
	margin: 0 0 8px 0;
}

body #features .bm-card .item-descr {
	font-size: 14px;
	line-height: 1.6;
	color: #8A97A8;
	min-height: 0;
}

body #features iframe {
	border-radius: 18px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: rgba(15, 22, 33, 0.9);
}

/* ------------- PAGE WRAPPER ------------- */

body #particleContainer {
	background: #0B1018;
}

body #welcomeContent {
	background: #0B1018;
}

/* ------------- CONTACTS ------------- */

body #contacts {
	border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-bottom: none !important;
	background: linear-gradient(180deg, rgba(15, 22, 33, 0.5) 0%, rgba(11, 16, 24, 0) 100%) !important;
	padding: 100px 0;
	text-align: left !important;
}

body #contacts .container {
	max-width: 1240px;
}

body .bm-contact-layout {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 72px;
	align-items: start;
}

@media only screen and (max-width: 991px) {
	body .bm-contact-layout {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

body .bm-contact-info {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

body #contacts h4,
body #contactUs {
	margin: 0 !important;
	text-align: left !important;
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: 42px !important;
	line-height: 1.1 !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	color: #FFFFFF !important;
}

body .bm-contact-note {
	font-family: 'Instrument Sans', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #A6B2C2;
}

body #contacts .contact-items {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 10px;
	text-align: left;
}

body #contacts .contact-items .item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0;
	width: auto;
	float: none;
}

body .icon-wrap {
	background-color: transparent !important;
	border: 1px solid rgba(143, 196, 242, 0.45) !important;
	box-shadow: none;
	width: 35px;
	height: 35px;
	flex-shrink: 0;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	margin-right: 0 !important;
}

body .contact-items i {
	color: #8FC4F2 !important;
	margin: 0 !important;
}

body .contact-items span {
	color: #A6B2C2;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 15px;
}

body .bm-contact-form {
	padding: 36px;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: rgba(15, 22, 33, 0.92);
	display: flex;
	flex-direction: column;
	gap: 16px;
}

body .bm-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

@media only screen and (max-width: 575px) {
	body .bm-form-row {
		grid-template-columns: 1fr;
	}
}

body #contacts .malto-form input,
body #contacts .malto-form textarea {
	background: rgba(11, 16, 24, 0.6) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 12px;
	padding: 14px 16px;
	color: #E8EDF4 !important;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: normal;
	margin-top: 0;
	width: 100%;
	outline: none;
	resize: vertical;
	transition: border-color .15s ease;
}

body #contacts .malto-form input:focus,
body #contacts .malto-form textarea:focus {
	border: 1px solid rgba(143, 196, 242, 0.55) !important;
}

body #contactFormSend {
	display: flex;
	justify-content: flex-end;
	margin-top: 0;
}

body #contactFormSend .btn {
	background: linear-gradient(90deg, #8FC4F2 0%, #4FE0B0 100%) !important;
	color: #08243D !important;
	border: none !important;
	border-radius: 999px;
	padding: 13px 36px;
	width: auto;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: normal;
	transition: filter .15s ease;
}

body #contactFormSend .btn:hover,
body #contactFormSend .btn:focus,
body #contactFormSend .btn:active {
	background: linear-gradient(90deg, #8FC4F2 0%, #4FE0B0 100%) !important;
	color: #08243D !important;
	border: none !important;
	filter: brightness(1.08);
}

body #mailSuccessfulSent {
	display: none;
	background: rgba(60, 230, 167, 0.08) !important;
	color: #3CE6A7 !important;
	border: 1px solid rgba(60, 230, 167, 0.25);
	border-radius: 12px;
	text-align: center;
	line-height: 213px;
	margin-top: 20px;
	font-weight: 600;
	font-family: 'Instrument Sans', sans-serif;
}

/* ------------- TRUST STRIP ------------- */

body .malto-foot {
	border-top: none;
	background: #0B1018;
}

body .bm-trust-strip {
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	max-width: 1240px;
	margin: 0 auto;
	padding: 48px 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	flex-wrap: wrap;
}

body .bm-trust-group {
	display: flex;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
	justify-content: center;
}

body .bm-trust-label {
	display: inline-block;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #5C6979;
	white-space: nowrap;
}

body .bm-trust-divider {
	width: 1px;
	height: 26px;
	background: rgba(255, 255, 255, 0.1);
}

body .bm-trust-group a {
	display: inline-flex;
	align-items: center;
	opacity: 0.75;
	transition: opacity .15s ease;
}

body .bm-trust-group a:hover {
	opacity: 1;
}

body .bm-trust-group .bitcoinLiveLogo,
body .bm-trust-group .altcoinspekulantLogo {
	margin-top: 0;
}

body .bm-trust-group .footerCointelegraphLogo {
	width: 160px;
}

body .bm-trust-group .bitcoinLiveLogo {
	width: 160px;
}

body .bm-htgf-logo {
	max-width: 54px;
	filter: invert(15%) sepia(100%) saturate(10000%) hue-rotate(-5deg);
}

@media only screen and (max-width: 991px) {
	body .bm-trust-divider {
		display: none;
	}

	body .bm-trust-strip {
		flex-direction: column;
		align-items: center;
		gap: 32px;
		padding: 40px 24px;
	}

	body .bm-trust-group {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 16px;
		text-align: center;
	}
}

/* ------------- AUDIT SECTION ------------- */

body .bm-audit {
	background: radial-gradient(ellipse 55% 75% at 50% 45%, rgba(143, 196, 242, 0.05) 0%, rgba(143, 196, 242, 0) 70%);
	max-width: 860px;
	margin: 0 auto;
	padding: 100px 40px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	box-sizing: border-box;
}

body .bm-audit-quote {
	width: 100%;
	max-width: 100%;
	padding: 0 8px;
	box-sizing: border-box;
}

body .bm-audit-quote,
body .bm-audit-quote div {
	margin: 0;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 500;
	font-style: normal;
	color: #C7D1DE;
	text-wrap: pretty;
}

@media only screen and (max-width: 767px) {
	body .bm-audit {
		padding: 56px 28px 64px;
		/* extra right inset so text clears the feedback tab */
		padding-right: 44px;
		gap: 20px;
	}

	body .bm-audit-quote {
		padding: 0 4px;
	}

	body .bm-audit-quote,
	body .bm-audit-quote div {
		font-size: 18px;
		line-height: 1.6;
	}
}

body .bm-audit-source {
	font-family: 'Instrument Sans', sans-serif;
	font-size: 14px;
	color: #6B7889;
}

body .bm-partners {
	display: flex;
	align-items: center;
	gap: 36px;
	margin-top: 16px;
	flex-wrap: wrap;
	justify-content: center;
}

body .bm-partner-logo {
	max-width: 130px;
	opacity: 0.8;
	transition: opacity .15s ease;
}

body .bm-partners a:hover .bm-partner-logo {
	opacity: 1;
}

/* ------------- FOOTER ------------- */

body .bm-foot {
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	background: #090D14;
	padding: 56px 32px 40px;
}

body .bm-foot-top {
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	flex-wrap: wrap;
}

body .bm-foot-logo {
	height: 24px;
	width: auto;
	display: block;
}

body .bm-foot-social {
	display: flex;
	align-items: center;
	gap: 8px;
}

body .bm-foot-social i {
	font-size: 16px;
	color: #8A97A8;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 50%;
	cursor: pointer;
	transition: color .15s ease, background .15s ease;
}

body .bm-foot-social i:hover {
	color: #FFFFFF;
	background-color: rgba(143, 196, 242, 0.1);
}

body .bm-foot-links {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}

body .bm-foot-links a {
	font-family: 'Instrument Sans', sans-serif;
	font-size: 13px;
	color: #8A97A8;
	transition: color .15s ease;
}

body .bm-foot-links a:hover {
	color: #FFFFFF;
}

body .bm-foot-apps {
	max-width: 1240px;
	margin: 0 auto;
	padding-top: 28px;
	display: flex;
	align-items: center;
	gap: 10px;
}

body .bm-foot-apps a {
	display: inline-flex;
	opacity: 0.85;
	transition: opacity .15s ease;
}

body .bm-foot-apps a:hover {
	opacity: 1;
}

body .bm-foot-bottom {
	max-width: 1240px;
	margin: 32px auto 0;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	flex-wrap: wrap;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 12px;
	color: #5C6979;
}

body .bm-foot-copy {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	text-align: left;
}

body .bm-foot-copy div {
	display: inline;
}

body .bm-foot-legal {
	display: flex;
	gap: 20px;
}

body .bm-foot-legal a {
	color: #5C6979;
	font-family: 'Instrument Sans', sans-serif;
	transition: color .15s ease;
}

body .bm-foot-legal a:hover {
	color: #A6B2C2;
}

@media only screen and (max-width: 767px) {
	body .bm-foot {
		padding: 40px 24px 32px;
		text-align: center;
	}

	body .bm-foot-top {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 24px;
		text-align: center;
	}

	body .bm-foot-logo {
		margin: 0 auto;
	}

	body .bm-foot-social {
		justify-content: center;
		flex-wrap: wrap;
	}

	body .bm-foot-links {
		justify-content: center;
		gap: 12px 20px;
	}

	body .bm-foot-apps {
		justify-content: center;
		flex-wrap: wrap;
		padding-top: 20px;
		gap: 12px;
	}

	body .bm-foot-bottom {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 16px;
		text-align: center;
		margin-top: 24px;
		padding-top: 20px;
	}

	body .bm-foot-copy {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 8px;
	}

	body .bm-foot-legal {
		justify-content: center;
		flex-wrap: wrap;
		gap: 12px 16px;
	}
}

/* ------------- MOBILE MENU ------------- */

body .mobile-menu {
	background-color: #0F1621 !important;
	border-left: 1px solid rgba(255, 255, 255, 0.06);
}

/* ------------- MISC ------------- */

body .provide-feedback {
	background: rgba(15, 22, 33, 0.95) !important;
	border: 1px solid rgba(143, 196, 242, 0.45) !important;
	color: #8FC4F2;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 12px;
}

body .mobile-badge {
	background-color: rgba(60, 230, 167, 0.9);
	color: #08243D;
}