:root {
	--bg: #05040b;
	--bg2: #090714;
	--ink: #f7f5ff;
	--muted: #aaa4c0;
	--line: rgba(255,255,255,.12);
	--violet: #8b5cf6;
	--purple: #c026ff;
	--magenta: #ff2bd6;
	--pink: #ff4f9a;
	--cyan: #19e7ff;
	--lime: #9cff3b;
	--yellow: #ffd84d;
	--orange: #ff8a3d;
	--blue: #5c7cff;
	--glass: rgba(255,255,255,.065);
	--glass2: rgba(255,255,255,.035);
}

* {
	box-sizing: border-box;
}

html,body {
	margin: 0;
	min-height: 100%;
	background: var(--bg);
	color: var(--ink);
	font-family: Inter,sans-serif;
}

body {
	overflow-x: hidden;
}

body:before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -10;
	background: radial-gradient(circle at 8% 12%,rgba(192,38,255,.26),transparent 24%),
 radial-gradient(circle at 86% 10%,rgba(25,231,255,.18),transparent 24%),
 radial-gradient(circle at 72% 78%,rgba(255,43,214,.16),transparent 26%),
 radial-gradient(circle at 15% 86%,rgba(92,124,255,.15),transparent 25%),
 #05040b;
}

body:after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -9;
	opacity: .25;
	background-image: radial-gradient(rgba(255,255,255,.34) 1px,transparent 1px);
	background-size: 20px 20px;
	mask-image: linear-gradient(to bottom,black,transparent 90%);
	animation: dots 22s linear infinite;
}

@keyframes dots {
	to {
		background-position: 40px 40px;
	}
}

a {
	text-decoration: none;
	color: inherit;
}

.sg {
	font-family: "Space Grotesk",sans-serif;
}

.rn {
	font-family: Rajdhani,sans-serif;
}

.glass {
	background: linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
	border: 1px solid rgba(255,255,255,.13);
	box-shadow: inset 0 1px rgba(255,255,255,.1),0 25px 70px rgba(0,0,0,.25);
	backdrop-filter: blur(22px);
	-webkit-backdrop-filter: blur(22px);
}

.card {
	position: relative;
	border-radius: 22px;
	overflow: hidden;
	transition: transform .3s,box-shadow .3s,border-color .3s;
}

.card:hover {
	transform: translateY(-4px);
	border-color: rgba(255,255,255,.28);
	box-shadow: inset 0 1px rgba(255,255,255,.14),0 28px 80px rgba(0,0,0,.38),0 0 45px rgba(139,92,246,.08);
}

.card:before {
	content: "";
	position: absolute;
	inset: -1px;
	background: conic-gradient(
        from 0deg,
        transparent,
        rgba(25,231,255,.45),
        transparent 24%,
        rgba(255,43,214,.5),
        transparent 50%,
        rgba(156,255,59,.35),
        transparent 75%,
        rgba(139,92,246,.5),
        transparent
    );
	z-index: -1;
	filter: blur(10px);
	opacity: .35;
	animation: ring 8s linear infinite;
}

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

@keyframes cardLiquidDrift {
	0% {
		transform: translate3d(-2%,-1%,0) scale(1);
	}

	50% {
		transform: translate3d(2%,1%,0) scale(1.025);
	}

	100% {
		transform: translate3d(-1%,2%,0) scale(1.015);
	}
}

.orb {
	position: fixed;
	border-radius: 50%;
	filter: blur(45px);
	pointer-events: none;
	z-index: -7;
	mix-blend-mode: screen;
}

.orb.one {
	width: 320px;
	height: 320px;
	background: rgba(192,38,255,.2);
	left: -120px;
	top: 28%;
}

.orb.two {
	width: 270px;
	height: 270px;
	background: rgba(25,231,255,.16);
	right: -80px;
	top: 42%;
	animation: float 9s ease-in-out infinite;
}

.orb.three {
	width: 240px;
	height: 240px;
	background: rgba(255,43,214,.14);
	left: 38%;
	bottom: -100px;
	animation: float 12s ease-in-out infinite reverse;
}

@keyframes float {
	50% {
		transform: translate(20px,-25px) scale(1.08);
	}
}

.sidebar {
	position: fixed;
	left: 14px;
	top: 14px;
	bottom: 14px;
	width: 245px;
	z-index: 1000;
	border-radius: 28px;
	padding: 15px;
	display: flex;
	flex-direction: column;
}

.brand {
	height: 54px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 9px;
	margin-bottom: 10px;
}

.brand-logo {
	width: 38px;
	height: 38px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: conic-gradient(var(--cyan),var(--purple),var(--magenta),var(--lime),var(--cyan));
	color: #08040d;
	box-shadow: 0 0 30px rgba(192,38,255,.35);
	animation: logo 5s linear infinite;
}

@keyframes logo {
	to {
		filter: hue-rotate(360deg);
	}
}

.brand-name {
	font: 700 16px "Space Grotesk";
	letter-spacing: -.04em;
}

.brand-sub {
	font-size: 8px;
	letter-spacing: .15em;
	color: #8e87a8;
}

.nav {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 8px 2px;
	min-height: 0;
	flex: 1 1 auto;
}

.nav-label {
	flex: 0 0 auto;
	width: 100%;
	box-sizing: border-box;
}

.nav a {
	flex: 0 0 auto;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
}

.nav-label {
	font-size: 8px;
	letter-spacing: .2em;
	color: #736c89;
	padding: 13px 11px 6px;
}

.nav a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	margin: 3px 0;
	color: #aaa4bf;
	font-size: 12px;
	border-radius: 12px;
	position: relative;
	transition: .22s;
}

.nav a i {
	font-size: 16px;
}

.nav a:hover {
	color: #fff;
	background: rgba(255,255,255,.065);
	transform: translateX(3px);
}

.nav a.active {
	color: #fff;
	background: linear-gradient(90deg,rgba(139,92,246,.28),rgba(255,43,214,.08));
	box-shadow: inset 3px 0 var(--cyan),0 0 25px rgba(139,92,246,.1);
}

.nav a.active i {
	color: var(--cyan);
	filter: drop-shadow(0 0 7px var(--cyan));
}

.nav::-webkit-scrollbar {
	width: 4px;
}

.nav::-webkit-scrollbar-track {
	background: transparent;
}

.nav::-webkit-scrollbar-thumb {
	background: linear-gradient(
        180deg,
        rgba(25,231,255,.18),
        rgba(192,38,255,.20),
        rgba(255,43,214,.16)
    );
	border-radius: 999px;
}

.nav::-webkit-scrollbar-button {
	display: none;
}

.user {
	margin-top: auto;
	padding: 10px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	gap: 9px;
}

.avatar {
	width: 35px;
	height: 35px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg,#24154b,#10182e);
	border: 1px solid rgba(255,255,255,.14);
	font-size: 11px;
}

.main {
	margin-left: 275px;
	min-height: 100vh;
}

.top {
	height: 74px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	padding: 12px 25px;
	position: sticky;
	top: 0;
	z-index: 900;
	background: rgba(5,4,11,.62);
	backdrop-filter: blur(20px);
	border-bottom: 1px solid rgba(255,255,255,.07);
}
/* Minimal desktop header: time + JL + logout only */
.top>.live,.top>.search,.top>.text-cyan,.top>button.icon:not(:first-child) {
	display: none!important;
}

.top>#currentTime {
	display: block!important;
	color: #aaa4c0!important;
	font-size: 13px;
	white-space: nowrap;
}

.top>.avatar {
	display: grid!important;
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
}

.top-logout {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0 15px;
	border: 1px solid rgba(255,79,154,.35);
	border-radius: 13px;
	background: linear-gradient(135deg,rgba(255,43,214,.13),rgba(139,92,246,.10));
	color: #ff9ed0!important;
	font: 600 10px "Space Grotesk",sans-serif;
	letter-spacing: .09em;
	white-space: nowrap;
	box-shadow: inset 0 1px rgba(255,255,255,.08),0 0 22px rgba(255,43,214,.06);
	transition: .22s;
}

.top-logout:hover {
	background: linear-gradient(135deg,rgba(255,43,214,.24),rgba(139,92,246,.18));
	color: #fff!important;
	border-color: rgba(255,79,154,.65);
	box-shadow: 0 0 28px rgba(255,43,214,.16);
	transform: translateY(-1px);
}

.top-logout i {
	margin-right: 7px;
	font-size: 13px;
}

.search {
	max-width: 390px;
	flex: 1;
}

.search input,.form-control,.form-select {
	background: rgba(255,255,255,.055)!important;
	border: 1px solid rgba(255,255,255,.12)!important;
	color: #fff!important;
	border-radius: 13px!important;
}

.search input {
	padding-left: 35px;
}

.search i {
	position: absolute;
	left: 12px;
	top: 10px;
	color: #817994;
}

.icon {
	width: 38px;
	height: 38px;
	border-radius: 13px;
	background: rgba(255,255,255,.045);
	border: 1px solid rgba(255,255,255,.1);
	color: #aaa4bf;
	display: grid;
	place-items: center;
	transition: .2s;
}

.icon:hover {
	color: #fff;
	transform: translateY(-2px);
	border-color: rgba(25,231,255,.4);
	box-shadow: 0 0 25px rgba(25,231,255,.12);
}

.page {
	padding: 27px 25px 50px;
	max-width: 1700px;
	margin: auto;
}

.eyebrow {
	font-size: 9px;
	letter-spacing: .19em;
	color: var(--cyan);
	font-weight: 700;
}

.title {
	font: 600 clamp(28px,4vw,46px) "Space Grotesk";
	letter-spacing: -.045em;
	line-height: 1.02;
}

.sub {
	color: var(--muted);
	font-size: 12px;
	line-height: 1.65;
}

.live {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 9px;
	letter-spacing: .13em;
}

.live-dot {
	width: 7px;
	height: 7px;
	background: var(--lime);
	border-radius: 50%;
	box-shadow: 0 0 15px var(--lime);
	animation: blink 1.3s infinite;
}

@keyframes blink {
	50% {
		opacity: .35;
		transform: scale(.7);
	}
}

.ticker {
	height: 34px;
	border-bottom: 1px solid rgba(255,255,255,.07);
	border-top: 1px solid rgba(255,255,255,.05);
	overflow: hidden;
	white-space: nowrap;
	background: rgba(255,255,255,.018);
}

.track {
	display: inline-flex;
	animation: ticker 27s linear infinite;
}

.ticker:hover .track {
	animation-play-state: paused;
}

.tick {
	padding: 8px 22px;
	font: 10px Rajdhani;
	border-right: 1px solid rgba(255,255,255,.07);
}

@keyframes ticker {
	to {
		transform: translateX(-50%);
	}
}

.metric {
	padding: 18px;
	min-height: 160px;
}

.metric:nth-child(2):before {
	animation-delay: -6s;
}

.metric:nth-child(3):before {
	animation-delay: -12s;
}

.metric:nth-child(4):before {
	animation-delay: -18s;
}

.metric:nth-child(5):before {
	animation-delay: -9s;
}

.metric:nth-child(6):before {
	animation-delay: -15s;
}

.metric-top {
	display: flex;
	justify-content: space-between;
	align-items: start;
}

.metric-icon {
	width: 39px;
	height: 39px;
	border-radius: 13px;
	display: grid;
	place-items: center;
	background: rgba(255,255,255,.055);
	border: 1px solid rgba(255,255,255,.1);
	font-size: 17px;
}

.label {
	font-size: 8px;
	letter-spacing: .16em;
	color: #8d86a5;
}

.value {
	font: 700 31px Rajdhani;
	letter-spacing: -.02em;
	margin-top: 14px;
}

.change {
	font: 600 11px Rajdhani;
	margin-top: 4px;
}

.spark {
	height: 28px;
	width: 100%;
	margin-top: 8px;
}

.section {
	font: 600 14px "Space Grotesk";
	letter-spacing: -.02em;
}

.meta {
	font-size: 9px;
	color: #817a96;
}

.head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 13px;
}

.chart {
	padding: 19px;
}

.chart-wrap {
	height: 355px;
}

.chart-wrap canvas {
	width: 100%!important;
	height: 100%!important;
}

.neural {
	padding: 20px;
	height: 100%;
	background: radial-gradient(circle at 50% 32%,rgba(192,38,255,.17),transparent 36%),linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
}

.core {
	height: 175px;
	display: grid;
	place-items: center;
	position: relative;
}

.core-orb {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: radial-gradient(circle at 45% 40%,#fff 0 3%,var(--cyan) 7%,var(--purple) 29%,var(--magenta) 45%,transparent 69%);
	box-shadow: 0 0 35px rgba(25,231,255,.45),0 0 90px rgba(255,43,214,.18);
	position: relative;
}

.core-orb:before,.core-orb:after {
	content: "";
	position: absolute;
	border: 1px solid rgba(255,255,255,.35);
	border-radius: 50%;
	inset: -19px;
	animation: spin 7s linear infinite;
}

.core-orb:after {
	inset: -37px;
	border-color: rgba(25,231,255,.25);
	animation-duration: 12s;
	animation-direction: reverse;
}

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

.core-tag {
	position: absolute;
	bottom: 0;
	font-size: 8px;
	letter-spacing: .2em;
	color: #a69fbd;
}

.signal {
	display: grid;
	grid-template-columns: 36px 1fr auto;
	gap: 10px;
	align-items: center;
	padding: 11px 0;
	border-top: 1px solid rgba(255,255,255,.065);
}

.coin {
	width: 32px;
	height: 32px;
	border-radius: 11px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
	font-weight: 700;
}

.signal-name {
	font-size: 11px;
}

.signal-sub {
	font-size: 8px;
	color: #7f7895;
	margin-top: 2px;
}

.bar {
	height: 3px;
	background: rgba(255,255,255,.08);
	border-radius: 4px;
	margin-top: 6px;
	overflow: hidden;
}

.bar span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg,var(--cyan),var(--purple),var(--magenta));
	border-radius: 4px;
}

.table-wrap {
	overflow: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(139,92,246,.28) transparent;
}

.table-wrap::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.table-wrap::-webkit-scrollbar-track {
	background: transparent;
}

.table-wrap::-webkit-scrollbar-thumb {
	background: linear-gradient(90deg,rgba(25,231,255,.20),rgba(192,38,255,.24),rgba(255,43,214,.18));
	border-radius: 999px;
}

.table-wrap::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(90deg,rgba(25,231,255,.42),rgba(192,38,255,.45),rgba(255,43,214,.36));
}

.table-wrap::-webkit-scrollbar-corner {
	background: transparent;
}

.market {
	width: 100%;
	border-collapse: collapse;
}

.market th {
	font-size: 11px;
	color: #77708e;
	letter-spacing: .14em;
	padding: 12px;
	border-bottom: 1px solid rgba(255,255,255,.1);
	white-space: nowrap;
}

.market td {
	font-size: 13px;
	padding: 13px 12px;
	border-bottom: 1px solid rgba(255,255,255,.045);
	white-space: nowrap;
}

.market tr {
	transition: .18s;
}

.market tr:hover {
	background: linear-gradient(90deg,rgba(139,92,246,.09),rgba(25,231,255,.025));
	transform: scale(1.002);
}

.badge-x {
	display: inline-block;
	padding: 4px 7px;
	border: 1px solid currentColor;
	border-radius: 8px;
	font-size: 7px;
	letter-spacing: .08em;
	background: rgba(255,255,255,.025);
}

.feed {
	max-height: 325px;
	overflow: auto;
}

.feed-item {
	display: grid;
	grid-template-columns: 60px 1fr;
	gap: 9px;
	padding: 11px 0;
	border-bottom: 1px solid rgba(255,255,255,.05);
	animation: in .35s ease;
}

@keyframes in {
	from {
		opacity: 0;
		transform: translateX(12px);
	}
}

.feed-time {
	font: 10px Rajdhani;
	color: #6f6884;
}

.feed-type {
	font-size: 7px;
	letter-spacing: .17em;
	color: var(--cyan);
}

.feed-msg {
	font-size: 10px;
	margin-top: 3px;
}

.risk {
	padding: 19px;
	height: 100%;
}

.risk-ring {
	width: 154px;
	height: 154px;
	border-radius: 50%;
	margin: 12px auto 17px;
	display: grid;
	place-items: center;
	background: conic-gradient(from 220deg,var(--lime) 0 32%,rgba(255,255,255,.07) 32% 100%);
	position: relative;
}

.risk-ring:after {
	content: "";
	position: absolute;
	inset: 11px;
	border-radius: 50%;
	background: #090713;
	border: 1px solid rgba(255,255,255,.09);
}

.risk-center {
	position: relative;
	z-index: 1;
	text-align: center;
}

.risk-num {
	font: 700 34px Rajdhani;
}

.risk-word {
	font-size: 8px;
	color: var(--lime);
	letter-spacing: .18em;
}

.range {
	border: 1px solid rgba(255,255,255,.1);
	background: rgba(255,255,255,.035);
	color: #8f88a5;
	border-radius: 10px;
	padding: 6px 9px;
	font-size: 9px;
	transition: .2s;
}

.range:hover,.range.active {
	color: #fff;
	border-color: rgba(25,231,255,.4);
	background: linear-gradient(90deg,rgba(25,231,255,.08),rgba(192,38,255,.1));
	box-shadow: 0 0 20px rgba(25,231,255,.06);
}

.btn-neon {
	border: 0;
	border-radius: 14px;
	color: #08040d!important;
	font-weight: 800;
	font-size: 10px;
	letter-spacing: .1em;
	padding: 12px 18px;
	background: linear-gradient(105deg,var(--cyan),#79f8ff 25%,var(--purple) 55%,var(--magenta) 80%,var(--yellow));
	background-size: 220% 100%;
	box-shadow: 0 12px 30px rgba(192,38,255,.22),0 0 35px rgba(25,231,255,.1);
	transition: .25s;
	animation: gradient 6s ease infinite;
}

@keyframes gradient {
	50% {
		background-position: 100% 0;
	}
}

.btn-neon:hover {
	transform: translateY(-2px) scale(1.01);
	box-shadow: 0 16px 40px rgba(192,38,255,.3),0 0 45px rgba(25,231,255,.14);
}

.form-card {
	padding: 22px;
}

.form-label {
	font-size: 8px;
	letter-spacing: .15em;
	color: #8c85a2;
}

.form-control,.form-select {
	padding: 11px 13px;
	font-size: 12px;
}

.form-control:focus,.form-select:focus {
	border-color: rgba(25,231,255,.5)!important;
	box-shadow: 0 0 0 .16rem rgba(25,231,255,.07)!important;
}

.auth {
	min-height: 100vh;
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	position: relative;
	overflow: hidden;
}

.auth-left {
	display: flex;
	align-items: center;
	padding: 7vw;
	position: relative;
}

.auth-right {
	display: grid;
	place-items: center;
	padding: 30px;
}

.auth-card {
	width: min(500px,100%);
	padding: 30px;
}

.hero-orb {
	width: 380px;
	height: 380px;
	border-radius: 50%;
	position: absolute;
	right: 7%;
	top: 17%;
	background: radial-gradient(circle at 45% 40%,white 0 2%,var(--cyan) 5%,var(--purple) 23%,var(--magenta) 40%,transparent 67%);
	filter: blur(.2px);
	box-shadow: 0 0 80px rgba(192,38,255,.25);
	opacity: .7;
	animation: hero 7s ease-in-out infinite;
}

@keyframes hero {
	50% {
		transform: translate(-18px,20px) scale(1.08);
		filter: hue-rotate(35deg);
	}
}

.hero-orb:before,.hero-orb:after {
	content: "";
	position: absolute;
	inset: -35px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 50%;
	animation: spin 16s linear infinite;
}

.hero-orb:after {
	inset: -75px;
	border-color: rgba(25,231,255,.17);
	animation-duration: 23s;
	animation-direction: reverse;
}

.hero-title {
	font: 600 clamp(44px,6vw,76px) "Space Grotesk";
	line-height: .95;
	letter-spacing: -.065em;
	max-width: 650px;
}

.rainbow {
	background: linear-gradient(100deg,var(--cyan),#fff,var(--purple),var(--magenta),var(--yellow));
	-webkit-background-clip: text;
	color: transparent;
	background-size: 200%;
	animation: gradient 6s ease infinite;
}

.auth-data {
	position: absolute;
	color: #6f6887;
	font: 10px Rajdhani;
	line-height: 1.8;
	letter-spacing: .1em;
}

.success {
	width: 155px;
	height: 155px;
	border-radius: 50%;
	margin: 0 auto 32px;
	display: grid;
	place-items: center;
	border: 1px solid rgba(25,231,255,.55);
	background: radial-gradient(circle,rgba(25,231,255,.12),transparent 60%);
	box-shadow: 0 0 70px rgba(192,38,255,.15);
	position: relative;
}

.success:before,.success:after {
	content: "";
	position: absolute;
	inset: -18px;
	border: 1px solid rgba(255,43,214,.35);
	border-radius: 50%;
	animation: spin 8s linear infinite;
}

.success:after {
	inset: -37px;
	border-color: rgba(25,231,255,.2);
	animation-duration: 14s;
	animation-direction: reverse;
}

.success i {
	font-size: 62px;
	color: var(--lime);
	filter: drop-shadow(0 0 15px var(--lime));
	animation: pop .7s ease;
}

@keyframes pop {
	0% {
		transform: scale(.1);
		opacity: 0;
	}

	70% {
		transform: scale(1.15);
	}

	100% {
		transform: scale(1);
	}
}

@media(max-width:991px) {
	.sidebar {
		display: none;
	}

	.main {
		margin-left: 0;
	}

	.auth {
		grid-template-columns: 1fr;
	}

	.auth-left {
		display: none;
	}

	.page {
		padding: 20px 16px;
	}

	.top {
		padding: 10px 14px;
	}

	.top>.icon:first-child {
		display: grid!important;
		margin-right: auto;
	}

	.hero-orb {
		right: -100px;
		top: 20%;
	}
}

@media(max-width:575px) {
	.top {
		height: 64px;
	}

	.search {
		display: none;
	}

	.page {
		padding: 17px 12px 35px;
	}

	.title {
		font-size: 31px;
	}

	.metric {
		min-height: 140px;
	}

	.value {
		font-size: 27px;
	}

	.chart {
		padding: 13px;
	}

	.chart-wrap {
		height: 275px;
	}

	.neural {
		padding: 15px;
	}

	.core {
		height: 150px;
	}

	.core-orb {
		width: 72px;
		height: 72px;
	}

	.auth-card {
		padding: 22px;
	}

	.risk-ring {
		width: 135px;
		height: 135px;
	}
}
/* =========================================================
   NEURALTRADE VISIBILITY / CONTRAST OVERRIDE
   ========================================================= */

html,
body {
	color: #f8f7ff !important;
}

/* Everything inside glass cards stays visible */
.glass,
.card,
.metric,
.chart,
.neural,
.risk,
.form-card,
.auth-card {
	color: #f8f7ff;
}

/* MAIN NUMBERS — NEVER DARK */
.value,
.metric .value,
.metric-value,
.stat-value {
	color: #ffffff !important;
	opacity: 1 !important;
	visibility: visible !important;
	text-shadow: 0 0 18px rgba(192, 38, 255, .22),
        0 0 35px rgba(25, 231, 255, .08);
}

/* Labels */
.label,
.metric .label,
.metric-label,
.form-label {
	color: #aaa4c0 !important;
	opacity: 1 !important;
}

/* Supporting text */
.change,
.meta,
.sub,
.metric-meta {
	color: #aaa4c0 !important;
	opacity: 1 !important;
}

/* Important positive numbers */
.positive,
.text-success,
.profit,
.up {
	color: #9cff3b !important;
	text-shadow: 0 0 15px rgba(156,255,59,.25);
}

/* Important negative numbers */
.negative,
.text-danger,
.loss,
.down {
	color: #ff4f9a !important;
	text-shadow: 0 0 15px rgba(255,79,154,.25);
}

/* Cyan */
.text-cyan {
	color: #19e7ff !important;
}

/* Purple / pink */
.text-purple {
	color: #c026ff !important;
}

.text-pink {
	color: #ff2bd6 !important;
}

/* ALL ICONS */
.card i,
.card svg,
.metric i,
.metric svg,
.nav i,
.nav svg,
.icon i,
.icon svg {
	color: #d9d5e8 !important;
	opacity: 1 !important;
}

/* Metric icons get a neon treatment */
.metric-icon i,
.metric-icon svg {
	color: #19e7ff !important;
	filter: drop-shadow(0 0 7px rgba(25,231,255,.55));
}

/* Sidebar text */
.nav a,
.nav a span {
	color: #c9c5dc !important;
}

.nav a:hover,
.nav a:hover span,
.nav a.active,
.nav a.active span {
	color: #ffffff !important;
}

/* Sidebar labels */
.nav-label {
	color: #817995 !important;
}

/* Section headings */
.section,
.head .section {
	color: #ffffff !important;
}

/* Top bar */
.top,
.top * {
	color: #f8f7ff;
}

.top .search input {
	color: #ffffff !important;
}

.top .search input::placeholder {
	color: #716b83 !important;
}

/* Buttons */
.btn-neon,
.btn-neon *,
button.btn-neon {
	color: #08040d !important;
}

/* Range buttons */
.range {
	color: #aaa4c0 !important;
}

.range.active,
.range:hover {
	color: #ffffff !important;
}

/* Tables */
.market td {
	color: #ddd9ea !important;
}

.market th {
	color: #817995 !important;
}

/* Form fields */
.form-control,
.form-select,
.form-control *,
.form-select * {
	color: #ffffff !important;
}

.form-control::placeholder {
	color: #77708d !important;
}

.form-select option {
	background: #0c0915 !important;
	color: #ffffff !important;
}

/* Prevent Bootstrap text utilities from killing the design */
.text-dark {
	color: #ffffff !important;
}

.text-body {
	color: #f8f7ff !important;
}

.text-muted {
	color: #aaa4c0 !important;
}

/* =========================================================
   MORE VISUAL ENERGY
   ========================================================= */

.metric {
	background: radial-gradient(
            circle at 82% 20%,
            rgba(25,231,255,.10),
            transparent 24%
        ),
        radial-gradient(
            circle at 25% 90%,
            rgba(192,38,255,.13),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,.10),
            rgba(255,255,255,.025)
        ) !important;
}

.metric:hover {
	box-shadow: inset 0 1px rgba(255,255,255,.16),
        0 25px 70px rgba(0,0,0,.45),
        0 0 35px rgba(192,38,255,.15),
        0 0 70px rgba(25,231,255,.06) !important;
}

.metric-icon {
	color: #19e7ff !important;
	background: linear-gradient(
            135deg,
            rgba(25,231,255,.12),
            rgba(192,38,255,.12)
        ) !important;
}

/* Make glass actually look like glass */
.glass {
	background: linear-gradient(
            135deg,
            rgba(255,255,255,.11),
            rgba(255,255,255,.035)
        ) !important;
	backdrop-filter: blur(28px) saturate(145%) !important;
	-webkit-backdrop-filter: blur(28px) saturate(145%) !important;
}

.nav-group {
	display: flex;
	flex-direction: column;
}

.nav-toggle {
	cursor: pointer;
	justify-content: flex-start;
}

.chevron {
	font-size: 10px!important;
	transition: transform .25s;
	color: #736c89;
}

.nav-toggle.open .chevron {
	transform: rotate(180deg);
	color: var(--cyan);
}

.submenu {
	max-height: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: max-height .28s ease;
}

.submenu.open {
	max-height: 200px;
}

.submenu a {
	padding: 8px 12px 8px 40px;
	font-size: 11px;
	color: #8c85a2;
	border-radius: 10px;
	transition: .2s;
}

.submenu a:hover {
	color: #fff;
	background: rgba(255,255,255,.05);
	transform: translateX(3px);
}

.submenu a.active-sub {
	color: var(--cyan);
}

.nt-activate-card {
	position: relative;
	overflow: hidden;
	padding: 27px;
	border-radius: 25px;
	background: linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025) 45%,
            rgba(192,38,255,.055)
        );
	border: 1px solid rgba(255,255,255,.11);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	box-shadow: 0 25px 70px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.07);
}


/* subtle rainbow edge */

.nt-activate-card::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: 25px;
	background: linear-gradient(
            120deg,
            rgba(25,231,255,.45),
            transparent 25%,
            rgba(192,38,255,.40) 55%,
            transparent 78%,
            rgba(255,43,214,.30)
        );
	-webkit-mask: linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}


/* =========================================================
   AMBIENT ORBS
   ========================================================= */

.nt-activate-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(40px);
	pointer-events: none;
	opacity: .30;
	animation: ntOrbFloat 8s ease-in-out infinite;
}

.nt-orb-1 {
	width: 190px;
	height: 190px;
	right: -80px;
	top: -80px;
	background: radial-gradient(
            circle,
            rgba(192,38,255,.45),
            transparent 70%
        );
}

.nt-orb-2 {
	width: 150px;
	height: 150px;
	left: -80px;
	bottom: -80px;
	background: radial-gradient(
            circle,
            rgba(25,231,255,.32),
            transparent 70%
        );
	animation-delay: -4s;
}

@keyframes ntOrbFloat {

	0%,100% {
		transform: translate(0,0) scale(1);
	}

	50% {
		transform: translate(12px,-10px) scale(1.08);
	}
}


/* =========================================================
   HEADER
   ========================================================= */

.nt-activate-top {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 16px;
}

.nt-activate-icon {
	width: 53px;
	height: 53px;
	flex: 0 0 53px;
	display: grid;
	place-items: center;
	border-radius: 17px;
	background: linear-gradient(
            135deg,
            rgba(25,231,255,.15),
            rgba(192,38,255,.22),
            rgba(255,43,214,.12)
        );
	border: 1px solid rgba(255,255,255,.10);
	color: #fff;
	font-size: 22px;
	box-shadow: 0 0 25px rgba(192,38,255,.13);
	animation: ntIconFloat 4s ease-in-out infinite;
}

@keyframes ntIconFloat {

	0%,100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-3px);
	}
}

.nt-mini-label {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #777286;
	font-family: "Space Grotesk",sans-serif;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.nt-pulse-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #19e7ff;
	box-shadow: 0 0 8px rgba(25,231,255,.8);
	animation: ntPulse 1.7s ease-in-out infinite;
}

@keyframes ntPulse {

	0%,100% {
		opacity: .45;
		transform: scale(.8);
	}

	50% {
		opacity: 1;
		transform: scale(1.15);
	}
}

.nt-activate-heading h3 {
	margin: 4px 0 3px;
	color: #fff;
	font-family: "Space Grotesk",sans-serif;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -.7px;
}

.nt-activate-heading h3 span {
	background: linear-gradient(
            90deg,
            #19e7ff,
            #b936ff,
            #ff35d4
        );
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.nt-activate-heading p {
	margin: 0;
	color: #817b91;
	font-size: 10px;
}


/* =========================================================
   FORM
   ========================================================= */

.nt-activate-form {
	position: relative;
	z-index: 2;
	margin-top: 24px;
}

.nt-input-group {
	margin-bottom: 17px;
}

.nt-input-group label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 7px;
	color: #aaa5b8;
	font-family: "Space Grotesk",sans-serif;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-input-group label span {
	display: flex;
	align-items: center;
	gap: 7px;
}

.nt-input-group label i {
	color: #19e7ff;
	font-size: 12px;
}

.nt-input-group label small {
	color: #625d70;
	font-size: 7px;
	letter-spacing: 1px;
}

.nt-input-wrap {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 55px;
	border-radius: 15px;
	background: rgba(7,8,16,.62);
	border: 1px solid rgba(255,255,255,.075);
	overflow: hidden;
	transition: border-color .25s ease,

        box-shadow .25s ease,

        transform .25s ease;
}

.nt-input-wrap:focus-within {
	border-color: rgba(25,231,255,.42);
	box-shadow: 0 0 0 3px rgba(25,231,255,.045),
        0 10px 30px rgba(25,231,255,.045);
	transform: translateY(-1px);
}

.nt-input-icon {
	width: 48px;
	height: 55px;
	display: grid;
	place-items: center;
	flex: 0 0 48px;
	color: #19e7ff;
	border-right: 1px solid rgba(255,255,255,.055);
	background: rgba(25,231,255,.025);
}

.nt-activate-input {
	width: 100%;
	height: 55px;
	padding: 0 14px;
	border: 0!important;
	outline: 0!important;
	background: transparent!important;
	color: #fff!important;
	font-family: "Space Grotesk",sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
}

.nt-activate-input::placeholder {
	color: #555062;
}

.nt-input-status {
	padding: 0 16px;
	color: #24e58a;
	font-size: 13px;
}

.nt-input-suffix {
	padding: 0 15px;
	color: #625d70;
	font-family: "Space Grotesk",sans-serif;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: 1px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.nt-activate-button {
	position: relative;
	width: 100%;
	min-height: 63px;
	margin-top: 6px;
	padding: 8px 13px;
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 16px;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	text-align: left;
	font-family: "Space Grotesk",sans-serif;
	background: linear-gradient(
            100deg,
            rgba(25,231,255,.18),
            rgba(125,45,255,.24),
            rgba(255,43,214,.18)
        );
	box-shadow: 0 12px 35px rgba(110,35,255,.13);
	transition: transform .25s ease,

        box-shadow .25s ease,

        border-color .25s ease;
}

.nt-activate-button::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
            110deg,
            transparent 25%,
            rgba(255,255,255,.12) 50%,
            transparent 75%
        );
	transform: translateX(-100%);
	transition: transform .6s ease;
}

.nt-activate-button:hover::before {
	transform: translateX(100%);
}

.nt-activate-button:hover {
	transform: translateY(-2px);
	border-color: rgba(25,231,255,.35);
	box-shadow: 0 16px 40px rgba(110,35,255,.20),
        0 0 30px rgba(25,231,255,.06);
}

.nt-activate-button:active {
	transform: translateY(0) scale(.985);
}

.nt-button-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: grid;
	place-items: center;
	border-radius: 12px;
	background: rgba(255,255,255,.09);
	font-size: 17px;
}

.nt-activate-button > span:nth-child(2) {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-activate-button > span:nth-child(2) small {
	color: rgba(255,255,255,.50);
	font-size: 7px;
	font-weight: 400;
	letter-spacing: .3px;
}

.nt-button-arrow {
	margin-left: auto;
	font-size: 16px;
	transition: transform .25s ease;
}

.nt-activate-button:hover .nt-button-arrow {
	transform: translate(3px,-3px);
}


/* =========================================================
   FOOTER
   ========================================================= */

.nt-activate-footer {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 18px;
	color: #575264;
	font-family: "Space Grotesk",sans-serif;
	font-size: 7px;
	font-weight: 600;
	letter-spacing: 1px;
}

.nt-activate-footer span {
	display: flex;
	align-items: center;
	gap: 5px;
}

.nt-activate-footer i {
	color: #716b80;
	font-size: 10px;
}

.nt-footer-separator {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #3c3847;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:575px) {

	.nt-activate-card {
		padding: 21px;
		border-radius: 21px;
	}

	.nt-activate-heading h3 {
		font-size: 21px;
	}

	.nt-activate-heading p {
		font-size: 9px;
	}

	.nt-activate-icon {
		width: 46px;
		height: 46px;
		flex-basis: 46px;
		border-radius: 14px;
		font-size: 19px;
	}

	.nt-activate-footer {
		gap: 8px;
		font-size: 6px;
	}
}

.nt-withdraw-card {
	position: relative;
	overflow: hidden;
	padding: 27px;
	border-radius: 25px;
	background: linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025) 45%,
            rgba(192,38,255,.055)
        );
	border: 1px solid rgba(255,255,255,.11);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	box-shadow: 0 25px 70px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.07);
}


/* Rainbow glass edge */

.nt-withdraw-card::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: 25px;
	background: linear-gradient(
            120deg,
            rgba(25,231,255,.45),
            transparent 25%,
            rgba(192,38,255,.40) 55%,
            transparent 78%,
            rgba(255,43,214,.30)
        );
	-webkit-mask: linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}


/* =========================================================
   ORBS
   ========================================================= */

.nt-withdraw-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(42px);
	pointer-events: none;
	opacity: .27;
	animation: ntWithdrawOrb 9s ease-in-out infinite;
}

.nt-withdraw-orb-1 {
	width: 200px;
	height: 200px;
	right: -100px;
	top: -100px;
	background: radial-gradient(
            circle,
            rgba(192,38,255,.50),
            transparent 70%
        );
}

.nt-withdraw-orb-2 {
	width: 160px;
	height: 160px;
	left: -90px;
	bottom: -90px;
	background: radial-gradient(
            circle,
            rgba(25,231,255,.36),
            transparent 70%
        );
	animation-delay: -4s;
}

@keyframes ntWithdrawOrb {

	0%,100% {
		transform: translate(0,0) scale(1);
	}

	50% {
		transform: translate(13px,-9px) scale(1.07);
	}
}


/* =========================================================
   HEADER
   ========================================================= */

.nt-withdraw-header {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 16px;
}

.nt-withdraw-icon {
	width: 53px;
	height: 53px;
	flex: 0 0 53px;
	display: grid;
	place-items: center;
	border-radius: 17px;
	background: linear-gradient(
            135deg,
            rgba(25,231,255,.14),
            rgba(192,38,255,.20),
            rgba(255,43,214,.11)
        );
	border: 1px solid rgba(255,255,255,.10);
	color: #fff;
	font-size: 21px;
	box-shadow: 0 0 28px rgba(192,38,255,.12);
	transition: transform .3s ease,
        box-shadow .3s ease;
}

.nt-withdraw-card:hover .nt-withdraw-icon {
	transform: translateY(-2px) rotate(-4deg);
	box-shadow: 0 0 35px rgba(25,231,255,.14);
}

.nt-withdraw-label {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #777286;
	font-family: "Space Grotesk",sans-serif;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.nt-withdraw-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #19e7ff;
	box-shadow: 0 0 8px rgba(25,231,255,.8);
	animation: ntWithdrawPulse 1.8s ease-in-out infinite;
}

@keyframes ntWithdrawPulse {

	0%,100% {
		opacity: .45;
		transform: scale(.8);
	}

	50% {
		opacity: 1;
		transform: scale(1.15);
	}
}

.nt-withdraw-header h3 {
	margin: 4px 0 3px;
	color: #fff;
	font-family: "Space Grotesk",sans-serif;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -.7px;
}

.nt-withdraw-header h3 span {
	background: linear-gradient(
            90deg,
            #19e7ff,
            #b936ff,
            #ff35d4
        );
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.nt-withdraw-header p {
	margin: 0;
	color: #817b91;
	font-size: 10px;
}


/* =========================================================
   FORM
   ========================================================= */

.nt-withdraw-form {
	position: relative;
	z-index: 2;
	margin-top: 24px;
}

.nt-withdraw-field {
	margin-bottom: 17px;
}

.nt-withdraw-field label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 7px;
	color: #aaa5b8;
	font-family: "Space Grotesk",sans-serif;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-withdraw-field label span {
	display: flex;
	align-items: center;
	gap: 7px;
}

.nt-withdraw-field label i {
	color: #19e7ff;
	font-size: 12px;
}

.nt-withdraw-field label small {
	color: #625d70;
	font-size: 7px;
	letter-spacing: 1px;
}


/* =========================================================
   INPUT
   ========================================================= */

.nt-withdraw-input-wrap {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 55px;
	border-radius: 15px;
	overflow: hidden;
	background: rgba(7,8,16,.62);
	border: 1px solid rgba(255,255,255,.075);
	transition: border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.nt-withdraw-input-wrap:focus-within {
	border-color: rgba(25,231,255,.42);
	box-shadow: 0 0 0 3px rgba(25,231,255,.045),
        0 10px 30px rgba(25,231,255,.045);
	transform: translateY(-1px);
}

.nt-withdraw-input-icon {
	width: 48px;
	height: 55px;
	flex: 0 0 48px;
	display: grid;
	place-items: center;
	color: #19e7ff;
	border-right: 1px solid rgba(255,255,255,.055);
	background: rgba(25,231,255,.025);
}

.nt-withdraw-input {
	width: 100%;
	height: 55px;
	padding: 0 14px;
	border: 0!important;
	outline: 0!important;
	background: transparent!important;
	color: #fff!important;
	font-family: "Space Grotesk",sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.nt-withdraw-input::placeholder {
	color: #555062;
}

.nt-withdraw-input[readonly] {
	color: #19e7ff!important;
	font-size: 18px;
	font-weight: 600;
}


/* =========================================================
   BALANCE STATUS
   ========================================================= */

.nt-balance-status {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 14px;
	color: #777286;
	white-space: nowrap;
	font-family: "Space Grotesk",sans-serif;
	font-size: 7px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-balance-status span {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #24e58a;
	box-shadow: 0 0 7px rgba(36,229,138,.7);
}


/* =========================================================
   CURRENCY
   ========================================================= */

.nt-withdraw-currency {
	padding: 0 15px;
	color: #625d70;
	font-family: "Space Grotesk",sans-serif;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: 1px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.nt-withdraw-button {
	position: relative;
	width: 100%;
	min-height: 63px;
	margin-top: 5px;
	padding: 8px 13px;
	display: flex;
	align-items: center;
	gap: 12px;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 16px;
	color: #fff;
	text-align: left;
	background: linear-gradient(
            100deg,
            rgba(25,231,255,.18),
            rgba(125,45,255,.24),
            rgba(255,43,214,.18)
        );
	box-shadow: 0 12px 35px rgba(110,35,255,.13);
	font-family: "Space Grotesk",sans-serif;
	transition: transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.nt-withdraw-button::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
            110deg,
            transparent 25%,
            rgba(255,255,255,.13) 50%,
            transparent 75%
        );
	transform: translateX(-100%);
	transition: transform .65s ease;
}

.nt-withdraw-button:hover::before {
	transform: translateX(100%);
}

.nt-withdraw-button:hover {
	transform: translateY(-2px);
	border-color: rgba(25,231,255,.35);
	box-shadow: 0 17px 42px rgba(110,35,255,.20),
        0 0 30px rgba(25,231,255,.06);
}

.nt-withdraw-button:active {
	transform: scale(.985);
}

.nt-withdraw-button-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: grid;
	place-items: center;
	border-radius: 12px;
	background: rgba(255,255,255,.09);
	font-size: 17px;
}

.nt-withdraw-button-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.nt-withdraw-button-text strong {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-withdraw-button-text small {
	color: rgba(255,255,255,.48);
	font-size: 7px;
	font-weight: 400;
}

.nt-withdraw-arrow {
	margin-left: auto;
	font-size: 14px;
	transition: transform .25s ease;
}

.nt-withdraw-button:hover .nt-withdraw-arrow {
	transform: translateX(4px);
}


/* =========================================================
   FOOTER
   ========================================================= */

.nt-withdraw-footer {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 11px;
	margin-top: 18px;
	color: #575264;
	font-family: "Space Grotesk",sans-serif;
	font-size: 7px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-withdraw-footer span {
	display: flex;
	align-items: center;
	gap: 5px;
}

.nt-withdraw-footer i {
	font-size: 9px;
	color: #716b80;
}

.nt-withdraw-footer b {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #3c3847;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:575px) {

	.nt-withdraw-card {
		padding: 21px;
		border-radius: 21px;
	}

	.nt-withdraw-icon {
		width: 46px;
		height: 46px;
		flex-basis: 46px;
		border-radius: 14px;
		font-size: 19px;
	}

	.nt-withdraw-header h3 {
		font-size: 21px;
	}

	.nt-withdraw-header p {
		font-size: 9px;
	}

	.nt-withdraw-footer {
		gap: 7px;
		font-size: 5.5px;
	}
}


/* =========================================================
   PROFILE CARD
   ========================================================= */

.nt-profile-card {
	position: relative;
	overflow: hidden;
	padding: 28px;
	border-radius: 25px;
	background: linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025) 45%,
            rgba(192,38,255,.055)
        );
	border: 1px solid rgba(255,255,255,.11);
	backdrop-filter: blur(25px);
	-webkit-backdrop-filter: blur(25px);
	box-shadow: 0 25px 70px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.07);
}


/* =========================================================
   GLASS RAINBOW BORDER
   ========================================================= */

.nt-profile-card::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: 25px;
	background: linear-gradient(
            120deg,
            rgba(25,231,255,.45),
            transparent 24%,
            rgba(192,38,255,.42) 53%,
            transparent 77%,
            rgba(255,43,214,.30)
        );
	-webkit-mask: linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}


/* =========================================================
   ORBS
   ========================================================= */

.nt-profile-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(48px);
	pointer-events: none;
	opacity: .22;
	animation: ntProfileOrb 10s ease-in-out infinite;
}

.nt-profile-orb-1 {
	width: 220px;
	height: 220px;
	right: -120px;
	top: -110px;
	background: radial-gradient(
            circle,
            rgba(192,38,255,.55),
            transparent 70%
        );
}

.nt-profile-orb-2 {
	width: 180px;
	height: 180px;
	left: -100px;
	bottom: -110px;
	background: radial-gradient(
            circle,
            rgba(25,231,255,.42),
            transparent 70%
        );
	animation-delay: -4s;
}

@keyframes ntProfileOrb {

	0%,100% {
		transform: translate(0,0) scale(1);
	}

	50% {
		transform: translate(12px,-10px) scale(1.07);
	}
}


/* =========================================================
   HEADER
   ========================================================= */

.nt-profile-header {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 25px;
}

.nt-profile-icon {
	width: 54px;
	height: 54px;
	flex: 0 0 54px;
	display: grid;
	place-items: center;
	border-radius: 17px;
	background: linear-gradient(
            135deg,
            rgba(25,231,255,.14),
            rgba(192,38,255,.22),
            rgba(255,43,214,.10)
        );
	border: 1px solid rgba(255,255,255,.10);
	color: #fff;
	font-size: 22px;
	box-shadow: 0 0 28px rgba(192,38,255,.12);
	transition: transform .3s ease,
        box-shadow .3s ease;
}

.nt-profile-card:hover .nt-profile-icon {
	transform: translateY(-2px)
        rotate(-3deg);
	box-shadow: 0 0 35px rgba(25,231,255,.14);
}

.nt-profile-label {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #777286;
	font-family: "Space Grotesk",sans-serif;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.nt-profile-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #19e7ff;
	box-shadow: 0 0 9px rgba(25,231,255,.85);
	animation: ntProfilePulse 1.8s ease-in-out infinite;
}

@keyframes ntProfilePulse {

	0%,100% {
		opacity: .45;
		transform: scale(.8);
	}

	50% {
		opacity: 1;
		transform: scale(1.15);
	}
}

.nt-profile-header h3 {
	margin: 4px 0 3px;
	color: #fff;
	font-family: "Space Grotesk",sans-serif;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: -.8px;
}

.nt-profile-header h3 span {
	background: linear-gradient(
            90deg,
            #19e7ff,
            #b936ff,
            #ff35d4
        );
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.nt-profile-header p {
	margin: 0;
	color: #817b91;
	font-size: 10px;
}


/* =========================================================
   FORM
   ========================================================= */

.nt-profile-form {
	position: relative;
	z-index: 2;
}

.nt-profile-field {
	margin-bottom: 17px;
}

.nt-profile-field label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 7px;
	color: #aaa5b8;
	font-family: "Space Grotesk",sans-serif;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-profile-field label span {
	display: flex;
	align-items: center;
	gap: 7px;
}

.nt-profile-field label i {
	color: #19e7ff;
	font-size: 12px;
}

.nt-profile-field label small {
	color: #625d70;
	font-size: 7px;
	letter-spacing: 1px;
}


/* =========================================================
   INPUT WRAP
   ========================================================= */

.nt-profile-input-wrap {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 55px;
	overflow: hidden;
	border-radius: 15px;
	background: rgba(7,8,16,.62);
	border: 1px solid rgba(255,255,255,.075);
	transition: border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.nt-profile-input-wrap:focus-within {
	border-color: rgba(25,231,255,.42);
	box-shadow: 0 0 0 3px rgba(25,231,255,.045),
        0 10px 30px rgba(25,231,255,.045);
	transform: translateY(-1px);
}


/* =========================================================
   ICON
   ========================================================= */

.nt-profile-input-icon {
	width: 48px;
	height: 55px;
	flex: 0 0 48px;
	display: grid;
	place-items: center;
	color: #19e7ff;
	border-right: 1px solid rgba(255,255,255,.055);
	background: rgba(25,231,255,.025);
}


/* =========================================================
   INPUT
   ========================================================= */

.nt-profile-input {
	width: 100%;
	height: 55px;
	padding: 0 14px;
	border: 0!important;
	outline: 0!important;
	background: transparent!important;
	color: #fff!important;
	font-family: "Space Grotesk",sans-serif;
	font-size: 14px;
	font-weight: 500;
}

.nt-profile-input::placeholder {
	color: #555062;
}


/* readonly fields */

.nt-profile-input[readonly] {
	color: #aaa5b8!important;
}


/* =========================================================
   LOCK ICON
   ========================================================= */

.nt-profile-lock {
	padding: 0 15px;
	color: #575264;
	font-size: 11px;
}


/* =========================================================
   WALLET
   ========================================================= */

.nt-wallet-input .nt-profile-input {
	font-size: 12px;
	letter-spacing: .2px;
}

.nt-wallet-hint {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 7px;
	padding-left: 3px;
	color: #575264;
	font-size: 8px;
}

.nt-wallet-hint i {
	color: #706a7c;
}


/* =========================================================
   WARNING
   ========================================================= */

.nt-profile-warning {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 23px;
	padding: 13px 14px;
	border-radius: 15px;
	background: linear-gradient(
            135deg,
            rgba(255,174,0,.045),
            rgba(255,80,100,.025)
        );
	border: 1px solid rgba(255,174,0,.10);
}

.nt-warning-icon {
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	display: grid;
	place-items: center;
	border-radius: 11px;
	color: #ffb52e;
	background: rgba(255,174,0,.07);
	font-size: 14px;
}

.nt-profile-warning strong {
	display: block;
	color: #a59da9;
	font-family: "Space Grotesk",sans-serif;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: .7px;
}

.nt-profile-warning p {
	margin: 3px 0 0;
	color: #615b69;
	font-size: 8px;
	line-height: 1.45;
}


/* =========================================================
   SAVE BUTTON
   ========================================================= */

.nt-profile-submit {
	margin-top: 18px;
}

.nt-profile-save {
	position: relative;
	width: 100%;
	min-height: 63px;
	padding: 8px 13px;
	display: flex;
	align-items: center;
	gap: 12px;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 16px;
	color: #fff;
	text-align: left;
	background: linear-gradient(
            100deg,
            rgba(25,231,255,.18),
            rgba(125,45,255,.24),
            rgba(255,43,214,.18)
        );
	box-shadow: 0 12px 35px rgba(110,35,255,.13);
	font-family: "Space Grotesk",sans-serif;
	transition: transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.nt-profile-save::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
            110deg,
            transparent 25%,
            rgba(255,255,255,.13) 50%,
            transparent 75%
        );
	transform: translateX(-100%);
	transition: transform .65s ease;
}

.nt-profile-save:hover::before {
	transform: translateX(100%);
}

.nt-profile-save:hover {
	transform: translateY(-2px);
	border-color: rgba(25,231,255,.36);
	box-shadow: 0 17px 42px rgba(110,35,255,.20),
        0 0 30px rgba(25,231,255,.06);
}

.nt-profile-save:active {
	transform: scale(.985);
}

.nt-save-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: grid;
	place-items: center;
	border-radius: 12px;
	background: rgba(255,255,255,.09);
	font-size: 17px;
}

.nt-save-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.nt-save-text strong {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-save-text small {
	color: rgba(255,255,255,.48);
	font-size: 7px;
	font-weight: 400;
}

.nt-save-arrow {
	margin-left: auto;
	font-size: 15px;
	transition: transform .25s ease;
}

.nt-profile-save:hover .nt-save-arrow {
	transform: translate(3px,-3px);
}


/* =========================================================
   FOOTER
   ========================================================= */

.nt-profile-footer {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 11px;
	margin-top: 18px;
	color: #575264;
	font-family: "Space Grotesk",sans-serif;
	font-size: 7px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-profile-footer span {
	display: flex;
	align-items: center;
	gap: 5px;
}

.nt-profile-footer i {
	color: #716b80;
	font-size: 9px;
}

.nt-profile-footer b {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #3c3847;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:575px) {

	.nt-profile-card {
		padding: 21px;
		border-radius: 21px;
	}

	.nt-profile-header {
		gap: 12px;
	}

	.nt-profile-icon {
		width: 46px;
		height: 46px;
		flex-basis: 46px;
		border-radius: 14px;
		font-size: 19px;
	}

	.nt-profile-header h3 {
		font-size: 21px;
	}

	.nt-profile-header p {
		font-size: 9px;
	}

	.nt-profile-warning {
		align-items: flex-start;
	}

	.nt-profile-footer {
		gap: 7px;
		font-size: 5.5px;
	}
}


/* =========================================================
   CARD
   ========================================================= */

.nt-password-card {
	position: relative;
	overflow: hidden;
	padding: 28px;
	border-radius: 25px;
	background: linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025) 45%,
            rgba(192,38,255,.055)
        );
	border: 1px solid rgba(255,255,255,.11);
	backdrop-filter: blur(25px);
	-webkit-backdrop-filter: blur(25px);
	box-shadow: 0 25px 70px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.07);
}


/* =========================================================
   RAINBOW GLASS BORDER
   ========================================================= */

.nt-password-card::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: 25px;
	background: linear-gradient(
            120deg,
            rgba(25,231,255,.45),
            transparent 23%,
            rgba(192,38,255,.42) 52%,
            transparent 77%,
            rgba(255,43,214,.32)
        );
	-webkit-mask: linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}


/* =========================================================
   ORBS
   ========================================================= */

.nt-password-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(48px);
	pointer-events: none;
	opacity: .20;
	animation: ntPasswordOrb 11s ease-in-out infinite;
}

.nt-password-orb-1 {
	width: 220px;
	height: 220px;
	right: -120px;
	top: -120px;
	background: radial-gradient(
            circle,
            rgba(192,38,255,.60),
            transparent 70%
        );
}

.nt-password-orb-2 {
	width: 180px;
	height: 180px;
	left: -100px;
	bottom: -100px;
	background: radial-gradient(
            circle,
            rgba(25,231,255,.45),
            transparent 70%
        );
	animation-delay: -4s;
}

.nt-password-orb-3 {
	width: 110px;
	height: 110px;
	right: 15%;
	bottom: 15%;
	background: radial-gradient(
            circle,
            rgba(255,43,214,.30),
            transparent 70%
        );
	animation-delay: -7s;
}

@keyframes ntPasswordOrb {

	0%,100% {
		transform: translate(0,0) scale(1);
	}

	50% {
		transform: translate(11px,-9px) scale(1.07);
	}
}


/* =========================================================
   HEADER
   ========================================================= */

.nt-password-header {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 25px;
}

.nt-password-icon {
	width: 54px;
	height: 54px;
	flex: 0 0 54px;
	display: grid;
	place-items: center;
	border-radius: 17px;
	background: linear-gradient(
            135deg,
            rgba(25,231,255,.14),
            rgba(192,38,255,.22),
            rgba(255,43,214,.10)
        );
	border: 1px solid rgba(255,255,255,.10);
	color: #fff;
	font-size: 22px;
	box-shadow: 0 0 28px rgba(192,38,255,.12);
	transition: transform .3s ease,
        box-shadow .3s ease;
}

.nt-password-card:hover .nt-password-icon {
	transform: translateY(-2px)
        rotate(-4deg);
	box-shadow: 0 0 35px rgba(25,231,255,.14);
}

.nt-password-label {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #777286;
	font-family: "Space Grotesk",sans-serif;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.nt-password-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #19e7ff;
	box-shadow: 0 0 9px rgba(25,231,255,.85);
	animation: ntPasswordPulse 1.8s ease-in-out infinite;
}

@keyframes ntPasswordPulse {

	0%,100% {
		opacity: .45;
		transform: scale(.8);
	}

	50% {
		opacity: 1;
		transform: scale(1.15);
	}
}

.nt-password-header h3 {
	margin: 4px 0 3px;
	color: #fff;
	font-family: "Space Grotesk",sans-serif;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: -.8px;
}

.nt-password-header h3 span {
	background: linear-gradient(
            90deg,
            #19e7ff,
            #b936ff,
            #ff35d4
        );
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.nt-password-header p {
	margin: 0;
	color: #817b91;
	font-size: 10px;
}


/* =========================================================
   FORM
   ========================================================= */

.nt-password-form {
	position: relative;
	z-index: 2;
}


/* =========================================================
   FIELD
   ========================================================= */

.nt-password-field {
	margin-bottom: 17px;
}

.nt-password-field label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 7px;
	color: #aaa5b8;
	font-family: "Space Grotesk",sans-serif;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-password-field label span {
	display: flex;
	align-items: center;
	gap: 7px;
}

.nt-password-field label i {
	color: #19e7ff;
	font-size: 12px;
}

.nt-password-field label small {
	color: #625d70;
	font-size: 7px;
	letter-spacing: 1px;
}


/* =========================================================
   INPUT
   ========================================================= */

.nt-password-input-wrap {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 55px;
	overflow: hidden;
	border-radius: 15px;
	background: rgba(7,8,16,.62);
	border: 1px solid rgba(255,255,255,.075);
	transition: border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.nt-password-input-wrap:focus-within {
	border-color: rgba(25,231,255,.42);
	box-shadow: 0 0 0 3px rgba(25,231,255,.045),
        0 10px 30px rgba(25,231,255,.045);
	transform: translateY(-1px);
}


/* =========================================================
   INPUT ICON
   ========================================================= */

.nt-password-input-icon {
	width: 48px;
	height: 55px;
	flex: 0 0 48px;
	display: grid;
	place-items: center;
	color: #19e7ff;
	border-right: 1px solid rgba(255,255,255,.055);
	background: rgba(25,231,255,.025);
}


/* =========================================================
   INPUT
   ========================================================= */

.nt-password-input {
	width: 100%;
	height: 55px;
	padding: 0 12px;
	border: 0!important;
	outline: 0!important;
	background: transparent!important;
	color: #fff!important;
	font-family: "Space Grotesk",sans-serif;
	font-size: 14px;
	font-weight: 500;
}

.nt-password-input::placeholder {
	color: #555062;
}


/* =========================================================
   EYE BUTTON
   ========================================================= */

.nt-password-toggle {
	width: 48px;
	height: 55px;
	flex: 0 0 48px;
	display: grid;
	place-items: center;
	border: 0;
	outline: 0;
	background: transparent;
	color: #5f596b;
	cursor: pointer;
	transition: color .2s ease,
        transform .2s ease;
}

.nt-password-toggle:hover {
	color: #19e7ff;
	transform: scale(1.08);
}


/* =========================================================
   SECURITY STATUS
   ========================================================= */

.nt-security-status {
	position: relative;
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: 22px;
	padding: 13px;
	border-radius: 15px;
	background: linear-gradient(
            135deg,
            rgba(25,231,255,.035),
            rgba(192,38,255,.035)
        );
	border: 1px solid rgba(255,255,255,.065);
}

.nt-security-status-icon {
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	display: grid;
	place-items: center;
	border-radius: 11px;
	color: #19e7ff;
	background: rgba(25,231,255,.07);
	font-size: 14px;
}

.nt-security-status strong {
	display: block;
	color: #9c96a7;
	font-family: "Space Grotesk",sans-serif;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: .7px;
}

.nt-security-status p {
	margin: 3px 0 0;
	color: #5f596b;
	font-size: 8px;
	line-height: 1.45;
}


/* =========================================================
   SECURITY SCAN
   ========================================================= */

.nt-security-scan {
	margin-left: auto;
	display: flex;
	align-items: flex-end;
	gap: 2px;
	height: 18px;
}

.nt-security-scan span {
	display: block;
	width: 3px;
	border-radius: 4px;
	background: #19e7ff;
	opacity: .35;
	animation: ntSecurityScan 1.2s ease-in-out infinite;
}

.nt-security-scan span:nth-child(1) {
	height: 7px;
}

.nt-security-scan span:nth-child(2) {
	height: 13px;
	animation-delay: .15s;
}

.nt-security-scan span:nth-child(3) {
	height: 17px;
	animation-delay: .3s;
}

.nt-security-scan span:nth-child(4) {
	height: 10px;
	animation-delay: .45s;
}

@keyframes ntSecurityScan {

	0%,100% {
		opacity: .25;
		transform: scaleY(.65);
	}

	50% {
		opacity: 1;
		transform: scaleY(1);
		box-shadow: 0 0 7px rgba(25,231,255,.5);
	}
}


/* =========================================================
   SUBMIT
   ========================================================= */

.nt-password-submit {
	margin-top: 18px;
}

.nt-password-save {
	position: relative;
	width: 100%;
	min-height: 63px;
	padding: 8px 13px;
	display: flex;
	align-items: center;
	gap: 12px;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 16px;
	color: #fff;
	text-align: left;
	background: linear-gradient(
            100deg,
            rgba(25,231,255,.18),
            rgba(125,45,255,.24),
            rgba(255,43,214,.18)
        );
	box-shadow: 0 12px 35px rgba(110,35,255,.13);
	font-family: "Space Grotesk",sans-serif;
	transition: transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.nt-password-save::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
            110deg,
            transparent 25%,
            rgba(255,255,255,.13) 50%,
            transparent 75%
        );
	transform: translateX(-100%);
	transition: transform .65s ease;
}

.nt-password-save:hover::before {
	transform: translateX(100%);
}

.nt-password-save:hover {
	transform: translateY(-2px);
	border-color: rgba(25,231,255,.36);
	box-shadow: 0 17px 42px rgba(110,35,255,.20),
        0 0 30px rgba(25,231,255,.06);
}

.nt-password-save:active {
	transform: scale(.985);
}

.nt-password-save-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: grid;
	place-items: center;
	border-radius: 12px;
	background: rgba(255,255,255,.09);
	font-size: 17px;
}

.nt-password-save-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.nt-password-save-text strong {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-password-save-text small {
	color: rgba(255,255,255,.48);
	font-size: 7px;
	font-weight: 400;
}

.nt-password-save-arrow {
	margin-left: auto;
	font-size: 15px;
	transition: transform .25s ease;
}

.nt-password-save:hover .nt-password-save-arrow {
	transform: translate(3px,-3px);
}


/* =========================================================
   FOOTER
   ========================================================= */

.nt-password-footer {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 11px;
	margin-top: 18px;
	color: #575264;
	font-family: "Space Grotesk",sans-serif;
	font-size: 7px;
	font-weight: 600;
	letter-spacing: .8px;
}

.nt-password-footer span {
	display: flex;
	align-items: center;
	gap: 5px;
}

.nt-password-footer i {
	color: #716b80;
	font-size: 9px;
}

.nt-password-footer b {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #3c3847;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:575px) {

	.nt-password-card {
		padding: 21px;
		border-radius: 21px;
	}

	.nt-password-header {
		gap: 12px;
	}

	.nt-password-icon {
		width: 46px;
		height: 46px;
		flex-basis: 46px;
		border-radius: 14px;
		font-size: 19px;
	}

	.nt-password-header h3 {
		font-size: 21px;
	}

	.nt-password-header p {
		font-size: 9px;
	}

	.nt-security-status {
		align-items: flex-start;
	}

	.nt-security-scan {
		display: none;
	}

	.nt-password-footer {
		gap: 7px;
		font-size: 5.5px;
	}
}

.auth-page {
	min-height: 100vh;
	display: grid;
	grid-template-columns: 1.12fr .88fr;
	position: relative;
	overflow: hidden;
}

.auth-copy {
	position: relative;
	z-index: 2;
}

.auth-right {
	display: grid;
	place-items: center;
	padding: 30px;
}

.auth-card {
	width: min(500px, 100%);
	padding: 30px;
}

.hero-orb {
	width: 390px;
	height: 390px;
	border-radius: 50%;
	position: absolute;
	right: 8%;
	top: 17%;
	background: radial-gradient(circle at 45% 40%, #fff 0 2%, var(--cyan) 5%, var(--purple) 23%, var(--magenta) 40%, transparent 67%);
	box-shadow: 0 0 90px rgba(192, 38, 255, .25);
	opacity: .72;
	animation: hero 7s ease-in-out infinite;
}

.hero-orb:before,
	.hero-orb:after {
	content: "";
	position: absolute;
	inset: -35px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 50%;
	animation: spin 16s linear infinite;
}

.hero-orb:after {
	inset: -75px;
	border-color: rgba(25, 231, 255, .18);
	animation-duration: 23s;
	animation-direction: reverse;
}

.auth-title {
	font: 600 clamp(44px, 6vw, 76px) "Space Grotesk";
	line-height: .94;
	letter-spacing: -.065em;
	max-width: 650px;
}

.auth-data {
	position: absolute;
	color: #6f6887;
	font: 10px Rajdhani;
	line-height: 1.8;
	letter-spacing: .1em;
}

@keyframes hero {
	50% {
		transform: translate(-18px, 20px) scale(1.08);
		filter: hue-rotate(35deg);
	}
}

@media(max-width:991px) {
	.hero-orb {
		width: 185px;
		height: 185px;
	}

	.auth-page {
		grid-template-columns: 1fr;
	}

	.auth-left {
		display: none;
	}

	.auth-right {
		padding: 20px;
	}
}

/* =========================================================
   NEURAL TRADING ENGINE
   OFFLINE / ONLINE STATE SYSTEM
   ========================================================= */

.trading-panel {
    position: relative;
}


/* =========================================================
   CHART STATUS
   ========================================================= */

.chart-status {
    position: absolute;
    left: 22px;
    bottom: 18px;

    display: flex;
    align-items: center;
    gap: 7px;

    z-index: 5;

    font-family: "Space Grotesk", sans-serif;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .12em;

    color: #706a80;

    pointer-events: none;
}

.chart-status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;

    background: #55515e;

    box-shadow: none;
}


/* ONLINE */

.trading-online .chart-status {
    color: #19e7ff;
}

.trading-online .chart-status-dot {
    background: #19e7ff;

    box-shadow:
        0 0 7px #19e7ff,
        0 0 18px rgba(25,231,255,.7);

    animation: onlineDotPulse 1.2s ease-in-out infinite;
}

@keyframes onlineDotPulse {

    0%,100% {
        transform: scale(.75);
        opacity: .55;
    }

    50% {
        transform: scale(1.25);
        opacity: 1;
    }

}


/* =========================================================
   VERY OBVIOUS ONLINE STATUS
   ========================================================= */

#onlineStatus {
    position: relative;

    font-weight: 800;

    text-shadow:
        0 0 6px currentColor,
        0 0 18px rgba(25,231,255,.45);
}

.trading-online #onlineStatus::before {
    content: "";

    display: inline-block;

    width: 6px;
    height: 6px;

    margin-right: 6px;

    vertical-align: middle;

    border-radius: 50%;

    background: #9cff3b;

    box-shadow:
        0 0 5px #9cff3b,
        0 0 15px #9cff3b;

    animation: onlineDotPulse 1s infinite;
}


.trading-online #liveBadge {
    color: #9cff3b !important;

    box-shadow:
        0 0 8px rgba(156,255,59,.2),
        inset 0 0 8px rgba(156,255,59,.04);

    animation: liveBadgePulse 1.5s ease-in-out infinite;
}

@keyframes liveBadgePulse {

    0%,100% {
        box-shadow:
            0 0 5px rgba(156,255,59,.12);
    }

    50% {
        box-shadow:
            0 0 18px rgba(156,255,59,.35);
    }

}


/* =========================================================
   OFFLINE STATUS
   ========================================================= */

.trading-offline {
    filter: none;
}

.trading-offline .offline-text,
.trading-offline .offline-badge {
    color: #686473 !important;
}

.trading-offline .core-tag {
    color: #66616f;
}

.trading-offline .signal {
    opacity: .65;
}

.trading-offline .coin {
    filter: grayscale(1);
    opacity: .55;
}

.trading-offline .bar {
    opacity: .45;
}

.trading-offline .bar span {
    width: 0 !important;
    animation: none !important;
}


/* =========================================================
   NEURAL ORB — ONLINE
   ========================================================= */

.trading-online .core-orb {
    animation:
        neuralOrbPulse 2.5s ease-in-out infinite,
        neuralOrbHue 7s linear infinite;

    transform-origin: center;
}

@keyframes neuralOrbPulse {

    0%,100% {
        transform: scale(.90);

        box-shadow:
            0 0 25px rgba(25,231,255,.35),
            0 0 65px rgba(255,43,214,.12);
    }

    50% {
        transform: scale(1.16);

        box-shadow:
            0 0 45px rgba(25,231,255,.75),
            0 0 105px rgba(255,43,214,.35),
            0 0 145px rgba(192,38,255,.18);
    }

}

@keyframes neuralOrbHue {

    0% {
        filter: hue-rotate(0deg) saturate(1);
    }

    25% {
        filter: hue-rotate(45deg) saturate(1.25);
    }

    50% {
        filter: hue-rotate(100deg) saturate(1.4);
    }

    75% {
        filter: hue-rotate(180deg) saturate(1.2);
    }

    100% {
        filter: hue-rotate(360deg) saturate(1);
    }

}


/* =========================================================
   OFFLINE ORB
   ========================================================= */

.trading-offline .core-orb {
    background:
        radial-gradient(
            circle at 45% 40%,
            #d2d2d5 0 3%,
            #777980 7%,
            #4d4e55 30%,
            #292a30 48%,
            transparent 70%
        );

    box-shadow:
        0 0 12px rgba(150,150,160,.12);

    animation: none !important;

    filter: grayscale(1);
}

.trading-offline .core-orb::before,
.trading-offline .core-orb::after {
    animation: none !important;

    border-color: rgba(150,150,160,.12);
}


/* =========================================================
   EXTRA PULSE RINGS
   ========================================================= */

.core-pulse-ring {
    position: absolute;

    width: 92px;
    height: 92px;

    border-radius: 50%;

    border: 1px solid rgba(25,231,255,.25);

    pointer-events: none;
}

.trading-online .ring-one {
    animation: coreRingPulse 3s ease-out infinite;
}

.trading-online .ring-two {
    animation: coreRingPulse 3s ease-out 1.5s infinite;
}

@keyframes coreRingPulse {

    0% {
        transform: scale(.85);
        opacity: .8;
    }

    100% {
        transform: scale(2.25);
        opacity: 0;
    }

}

.trading-offline .core-pulse-ring {
    display: none;
}


/* =========================================================
   SIGNAL BAR ANIMATION
   ========================================================= */

.trading-online .bar span {
    transition: width .7s cubic-bezier(.4,0,.2,1);

    background-size: 200% 100%;

    animation: signalGradient 2.5s linear infinite;
}

@keyframes signalGradient {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 200% 50%;
    }

}


/* =========================================================
   START TRADING BUTTON
   ========================================================= */

.start-trading-form {
    margin-top: 14px;
}

.nt-start-trading {
    position: relative;

    width: 100%;
    min-height: 62px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 8px 12px;

    border: 1px solid rgba(25,231,255,.3);
    border-radius: 16px;

    color: #fff;

    cursor: pointer;

    overflow: hidden;

    background:
        linear-gradient(
            100deg,
            rgba(25,231,255,.15),
            rgba(139,92,246,.25),
            rgba(255,43,214,.18)
        );

    box-shadow:
        0 12px 35px rgba(110,35,255,.16),
        0 0 25px rgba(25,231,255,.05);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.nt-start-trading::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            110deg,
            transparent 20%,
            rgba(255,255,255,.18) 50%,
            transparent 80%
        );

    transform: translateX(-100%);

    animation: startButtonSweep 2.8s ease-in-out infinite;
}

@keyframes startButtonSweep {

    0%,35% {
        transform: translateX(-100%);
    }

    65%,100% {
        transform: translateX(100%);
    }

}

.nt-start-trading:hover {
    transform: translateY(-3px);

    border-color: rgba(25,231,255,.7);

    box-shadow:
        0 18px 45px rgba(110,35,255,.28),
        0 0 35px rgba(25,231,255,.12);
}

.nt-start-trading:active {
    transform: scale(.98);
}

.start-icon {
    position: relative;
    z-index: 2;

    width: 43px;
    height: 43px;

    flex: 0 0 43px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(25,231,255,.2),
            rgba(192,38,255,.3)
        );

    color: #19e7ff;

    box-shadow:
        0 0 18px rgba(25,231,255,.15);

    animation: startIconPulse 1.8s ease-in-out infinite;
}

@keyframes startIconPulse {

    0%,100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }

}

.start-text {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.start-text strong {
    font-family: "Space Grotesk", sans-serif;

    font-size: 11px;

    letter-spacing: 1px;
}

.start-text small {
    color: rgba(255,255,255,.48);

    font-size: 7px;

    letter-spacing: .4px;
}

.start-arrow {
    position: relative;
    z-index: 2;

    margin-left: auto;

    color: #19e7ff;

    font-size: 15px;

    transition: transform .25s ease;
}

.nt-start-trading:hover .start-arrow {
    transform: translateX(5px);
}


/* =========================================================
   ACTIVE NOTICE
   ========================================================= */

.active-trading-notice {
    margin-top: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    padding: 8px;

    border-radius: 10px;

    background: rgba(156,255,59,.035);

    border: 1px solid rgba(156,255,59,.10);

    color: rgba(156,255,59,.65);

    font-family: "Space Grotesk", sans-serif;

    font-size: 7px;
    font-weight: 700;

    letter-spacing: 1.2px;
}

.active-dot {
    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #9cff3b;

    box-shadow:
        0 0 5px #9cff3b,
        0 0 13px #9cff3b;

    animation: onlineDotPulse 1s infinite;
}

.active-wave {
    color: #19e7ff;

    letter-spacing: 1px;

    animation: waveBlink .8s steps(2) infinite;
}

@keyframes waveBlink {
    50% {
        opacity: .25;
    }
}


/* =========================================================
   OFFLINE NUMBERS
   ========================================================= */

.trading-offline #confidence,
.trading-offline #btcPercent,
.trading-offline #ethPercent,
.trading-offline #solPercent {
    color: #66616f !important;

    text-shadow: none !important;
}


/* =========================================================
   LOADING STATE
   ========================================================= */

.nt-start-trading.loading {
    pointer-events: none;
    opacity: .7;
}

.nt-start-trading.loading .start-icon {
    animation: spinButton .7s linear infinite;
}

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


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:575px) {

    .chart-status {
        left: 16px;
        bottom: 13px;
    }

    .nt-start-trading {
        min-height: 58px;
    }

}


.nt-stats{position:relative}

.nt-stat-card{
    position:relative;
    min-height:112px;
    padding:18px;
    display:flex;
    align-items:center;
    gap:15px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 35px rgba(0,0,0,.18);
    transition:.35s ease;
}

.nt-stat-card:before{
    content:"";
    position:absolute;
    left:0;
    top:16px;
    bottom:16px;
    width:2px;
    border-radius:4px;
    background:var(--stat-color);
    box-shadow:0 0 15px var(--stat-color);
}

.nt-stat-card:after{
    content:"";
    position:absolute;
    width:100px;
    height:100px;
    right:-50px;
    top:-50px;
    border-radius:50%;
    background:var(--stat-color);
    opacity:.07;
    filter:blur(25px);
    transition:.4s;
}

.nt-stat-card:hover{
    transform:translateY(-4px);
    border-color:color-mix(in srgb,var(--stat-color),transparent 45%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 15px 40px rgba(0,0,0,.25),
        0 0 25px color-mix(in srgb,var(--stat-color),transparent 80%);
}

.nt-stat-card:hover:after{
    transform:scale(2.3);
    opacity:.13;
}

.nt-stat-icon{
    flex:0 0 43px;
    width:43px;
    height:43px;
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--stat-color);
    font-size:17px;
    background:color-mix(in srgb,var(--stat-color),transparent 88%);
    border:1px solid color-mix(in srgb,var(--stat-color),transparent 70%);
    box-shadow:0 0 18px color-mix(in srgb,var(--stat-color),transparent 88%);
}

.nt-stat-info{
    min-width:0;
    position:relative;
    z-index:2;
}

.nt-stat-label{
    color:#858097;
    font-size:9px;
    font-weight:700;
    letter-spacing:1.3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.nt-stat-value{
    margin-top:4px;
    color:#f5f4fb;
    font-family:"Rajdhani",sans-serif;
    font-size:27px;
    line-height:1;
    font-weight:700;
    letter-spacing:.3px;
}

.nt-stat-value.money{
    font-size:25px;
}

.nt-stat-sub{
    margin-top:7px;
    color:#77718a;
    font-size:9px;
}

.nt-stat-sub i{
    margin-right:4px;
    color:var(--stat-color);
}

.nt-stat-card.big{
    min-height:125px;
    padding:21px;
}

.nt-stat-card.big .nt-stat-icon{
    width:50px;
    height:50px;
    flex-basis:50px;
    font-size:20px;
    border-radius:15px;
}

.nt-stat-card.big .nt-stat-value{
    font-size:33px;
}

.nt-card-glow{
    position:absolute;
    width:180px;
    height:180px;
    right:-90px;
    bottom:-110px;
    border-radius:50%;
    background:var(--stat-color);
    opacity:.08;
    filter:blur(30px);
}


/* COLOURS */

.nt-stat-card.cyan{
    --stat-color:#19e7ff;
}

.nt-stat-card.pink{
    --stat-color:#ff3fba;
}

.nt-stat-card.purple{
    --stat-color:#a855ff;
}

.nt-stat-card.lime{
    --stat-color:#b6ff4a;
}

.nt-stat-card.orange{
    --stat-color:#ff9d3d;
}

.nt-stat-card.blue{
    --stat-color:#5b8cff;
}

.nt-stat-card.magenta{
    --stat-color:#e83dff;
}

.nt-stat-card.gold{
    --stat-color:#ffd84a;
}

.nt-stat-card.green{
    --stat-color:#38f5a5;
}

.nt-stat-card.red{
    --stat-color:#ff537d;
}

.nt-stat-card.balance{
    --stat-color:#19e7ff;
    background:
        linear-gradient(
            135deg,
            rgba(25,231,255,.10),
            rgba(192,38,255,.045),
            rgba(255,255,255,.018)
        );
    border-color:rgba(25,231,255,.18);
}


/* MOBILE */

@media(max-width:575px){

    .nt-stat-card{
        min-height:102px;
        padding:14px;
        gap:11px;
        border-radius:15px;
    }

    .nt-stat-icon{
        width:37px;
        height:37px;
        flex-basis:37px;
        font-size:14px;
        border-radius:11px;
    }

    .nt-stat-label{
        font-size:8px;
        letter-spacing:1px;
    }

    .nt-stat-value,
    .nt-stat-value.money{
        font-size:22px;
    }

    .nt-stat-sub{
        font-size:8px;
        margin-top:5px;
    }

    .nt-stat-card.big{
        min-height:105px;
    }

    .nt-stat-card.big .nt-stat-value{
        font-size:28px;
    }

}

.referral-widget{
    position:relative;
    overflow:hidden;
    padding:22px;
    border:1px solid rgba(25,231,255,.13);
    border-radius:20px;
    background:
        linear-gradient(
            135deg,
            rgba(25,231,255,.055),
            rgba(192,38,255,.035),
            rgba(255,255,255,.018)
        );
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 15px 45px rgba(0,0,0,.2);
}

.referral-widget:before{
    content:"";
    position:absolute;
    left:0;
    top:20px;
    bottom:20px;
    width:2px;
    background:#19e7ff;
    box-shadow:0 0 18px #19e7ff;
}

.referral-orb{
    position:absolute;
    width:220px;
    height:220px;
    right:-100px;
    top:-130px;
    border-radius:50%;
    background:#19e7ff;
    opacity:.06;
    filter:blur(35px);
    animation:refOrb 5s ease-in-out infinite;
}

@keyframes refOrb{
    0%,100%{
        transform:scale(1);
        opacity:.04;
    }
    50%{
        transform:scale(1.35);
        opacity:.09;
    }
}

.referral-head{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.referral-title-wrap{
    display:flex;
    align-items:center;
    gap:14px;
}

.referral-icon{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    color:#19e7ff;
    font-size:18px;
    background:rgba(25,231,255,.08);
    border:1px solid rgba(25,231,255,.22);
    box-shadow:0 0 20px rgba(25,231,255,.08);
}

.referral-eyebrow{
    color:#19e7ff;
    font-size:9px;
    font-weight:700;
    letter-spacing:1.7px;
}

.referral-title{
    margin-top:2px;
    color:#f7f5ff;
    font-family:"Space Grotesk",sans-serif;
    font-size:19px;
    font-weight:700;
}

.referral-desc{
    margin-top:2px;
    color:#77718a;
    font-size:10px;
}

.referral-status{
    padding:6px 10px;
    border:1px solid rgba(182,255,74,.18);
    border-radius:20px;
    color:#b6ff4a;
    background:rgba(182,255,74,.045);
    font-size:8px;
    font-weight:700;
    letter-spacing:1px;
    white-space:nowrap;
}

.referral-status span{
    display:inline-block;
    width:6px;
    height:6px;
    margin-right:5px;
    border-radius:50%;
    background:#b6ff4a;
    box-shadow:0 0 9px #b6ff4a;
    animation:refDot 1.5s ease-in-out infinite;
}

@keyframes refDot{
    0%,100%{opacity:.5;transform:scale(.8)}
    50%{opacity:1;transform:scale(1.25)}
}

.referral-link-box{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    min-height:54px;
    padding:5px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:rgba(0,0,0,.22);
}

.referral-link-icon{
    width:42px;
    flex:0 0 42px;
    text-align:center;
    color:#77718a;
    font-size:13px;
}

.referral-link-box input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#bfc9d8;
    font-family:"Space Grotesk",sans-serif;
    font-size:12px;
}

.referral-link-box button{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:7px;
    height:42px;
    padding:0 17px;
    border:1px solid rgba(25,231,255,.25);
    border-radius:10px;
    color:#19e7ff;
    background:rgba(25,231,255,.07);
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    cursor:pointer;
    transition:.3s;
}

.referral-link-box button:hover{
    color:#061018;
    background:#19e7ff;
    box-shadow:0 0 22px rgba(25,231,255,.3);
}

.referral-link-box button.copied{
    color:#071008;
    border-color:#b6ff4a;
    background:#b6ff4a;
    box-shadow:0 0 20px rgba(182,255,74,.25);
}

.referral-bottom{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    margin-top:16px;
}

.referral-share-label{
    color:#6f697f;
    font-size:9px;
    font-weight:700;
    letter-spacing:1.3px;
}

.referral-share-label i{
    margin-right:6px;
    color:#19e7ff;
}

.referral-share-buttons{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.share-btn{
    display:flex;
    align-items:center;
    gap:7px;
    height:34px;
    padding:0 11px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:9px;
    color:#9d97ac;
    background:rgba(255,255,255,.025);
    font-size:9px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.share-btn i{
    font-size:13px;
}

.share-btn:hover{
    transform:translateY(-2px);
    color:#fff;
    text-decoration:none;
}

.share-btn.whatsapp:hover{
    color:#25d366;
    border-color:rgba(37,211,102,.35);
    background:rgba(37,211,102,.07);
    box-shadow:0 5px 20px rgba(37,211,102,.1);
}

.share-btn.telegram:hover{
    color:#29a9ea;
    border-color:rgba(41,169,234,.35);
    background:rgba(41,169,234,.07);
}

.share-btn.facebook:hover{
    color:#1877f2;
    border-color:rgba(24,119,242,.35);
    background:rgba(24,119,242,.07);
}

.share-btn.twitter:hover{
    color:#fff;
    border-color:rgba(255,255,255,.25);
    background:rgba(255,255,255,.06);
}

@media(max-width:767px){

    .referral-widget{
        padding:17px;
    }

    .referral-head{
        align-items:flex-start;
    }

    .referral-desc{
        display:none;
    }

    .referral-link-box input{
        font-size:10px;
    }

    .referral-bottom{
        align-items:flex-start;
        flex-direction:column;
    }

    .referral-share-buttons{
        width:100%;
        justify-content:flex-start;
    }

    .share-btn span{
        display:none;
    }

    .share-btn{
        width:38px;
        justify-content:center;
        padding:0;
    }

}

/*******************************************************/

/* =========================================================
   APEXTRADE — FUTURISTIC INVESTMENT / DEPOSIT PAGE
   ========================================================= */

:root{
    --nt-bg:#05030b;
    --nt-card:rgba(14,10,28,.72);
    --nt-card2:rgba(20,14,38,.82);
    --nt-border:rgba(255,255,255,.10);

    --nt-cyan:#19e7ff;
    --nt-purple:#8b5cf6;
    --nt-pink:#ff2bd6;
    --nt-lime:#b7ff3c;
    --nt-blue:#4d7cff;

    --nt-text:#f7f4ff;
    --nt-muted:#9891ad;
}

/* ---------- PAGE BACKGROUND ---------- */

.content-wrapper{
    position:relative;
    min-height:100vh;
    background:
        radial-gradient(circle at 8% 15%,rgba(139,92,246,.13),transparent 28%),
        radial-gradient(circle at 90% 18%,rgba(25,231,255,.09),transparent 25%),
        radial-gradient(circle at 70% 90%,rgba(255,43,214,.08),transparent 28%);
    font-family:"Space Grotesk",sans-serif;
    color:var(--nt-text);
}

.content-wrapper:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:.16;
    background-image:
        radial-gradient(rgba(255,255,255,.45) .7px,transparent .7px);
    background-size:22px 22px;
    mask-image:linear-gradient(to bottom,black,transparent 90%);
    z-index:0;
}

/* ---------- CONTAINER ---------- */

.content-wrapper .container-fluid{
    position:relative;
    z-index:1;
    padding-bottom:70px;
}

/* ---------- BREADCRUMB ---------- */

.page-title{
    font-family:"Space Grotesk",sans-serif!important;
    font-size:clamp(25px,3vw,38px)!important;
    font-weight:700!important;
    letter-spacing:-.04em;
    color:#fff!important;
    margin-bottom:7px!important;
}

.breadcrumb{
    margin:0;
    padding:0;
    background:none!important;
    font-family:"Rajdhani",sans-serif;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:12px;
}

.breadcrumb-item a{
    color:var(--nt-cyan)!important;
    text-decoration:none;
}

.breadcrumb-item.active{
    color:#8f879f!important;
}

.breadcrumb-item+.breadcrumb-item:before{
    color:#5d5570!important;
}

/* =========================================================
   FUTURISTIC CARD
   ========================================================= */

.nt-card{
    position:relative;
    overflow:hidden;
    border:1px solid var(--nt-border)!important;
    border-radius:26px!important;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.018)
        ),
        var(--nt-card)!important;
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
    box-shadow:
        0 25px 70px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.08);
    isolation:isolate;
}

/* subtle rotating rainbow border */
.nt-card:before{
    content:"";
    position:absolute;
    inset:-2px;
    border-radius:inherit;
    background:conic-gradient(
        from 180deg,
        transparent 0deg,
        rgba(25,231,255,.0) 55deg,
        rgba(25,231,255,.45) 90deg,
        rgba(139,92,246,.45) 145deg,
        rgba(255,43,214,.4) 205deg,
        rgba(183,255,60,.25) 265deg,
        transparent 320deg
    );
    animation:ntBorderRotate 13s linear infinite;
    z-index:-2;
    opacity:.55;
}

/* inner mask */
.nt-card:after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:25px;
    background:
        linear-gradient(
            145deg,
            rgba(13,9,27,.96),
            rgba(9,7,18,.88)
        );
    z-index:-1;
}

/* keep animation subtle */
@keyframes ntBorderRotate{
    to{
        transform:rotate(360deg);
    }
}

/* ---------- CARD HEADER ---------- */

.nt-card-header{
    position:relative;
    padding:21px 25px;
    display:flex;
    align-items:center;
    gap:12px;
    border-bottom:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.025);
}

.nt-card-header:after{
    content:"";
    position:absolute;
    left:25px;
    right:25px;
    bottom:-1px;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        var(--nt-cyan),
        var(--nt-purple),
        var(--nt-pink),
        transparent
    );
    opacity:.65;
}

.nt-card-header .nt-icon{
    width:40px;
    height:40px;
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:#fff;
    background:
        linear-gradient(
            135deg,
            rgba(25,231,255,.18),
            rgba(139,92,246,.22),
            rgba(255,43,214,.18)
        );
    border:1px solid rgba(255,255,255,.1);
    box-shadow:
        0 0 25px rgba(139,92,246,.16),
        inset 0 1px 0 rgba(255,255,255,.12);
}

.nt-card-title{
    font-size:17px;
    font-weight:700;
    letter-spacing:-.02em;
    color:#fff;
    margin:0;
}

.nt-card-subtitle{
    display:block;
    margin-top:2px;
    color:#807990;
    font-family:"Rajdhani",sans-serif;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.15em;
}

/* ---------- CARD BODY ---------- */

.nt-card-body{
    position:relative;
    padding:28px;
}

/* =========================================================
   QR PAYMENT MODULE
   ========================================================= */

.nt-qr-card{
    min-height:390px;
    display:flex;
    flex-direction:column;
}

.nt-qr-stage{
    position:relative;
    min-height:310px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.nt-qr-orb{
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:
        radial-gradient(
            circle at 40% 35%,
            rgba(255,255,255,.22),
            rgba(25,231,255,.14) 16%,
            rgba(139,92,246,.13) 38%,
            rgba(255,43,214,.08) 57%,
            transparent 72%
        );
    filter:blur(3px);
    animation:ntOrbFloat 8s ease-in-out infinite;
}

@keyframes ntOrbFloat{
    50%{
        transform:translate3d(10px,-8px,0) scale(1.04);
    }
}

.nt-qr-frame{
    position:relative;
    padding:13px;
    border-radius:24px;
    background:
        linear-gradient(#090611,#090611) padding-box,
        linear-gradient(
            135deg,
            var(--nt-cyan),
            var(--nt-purple),
            var(--nt-pink),
            var(--nt-lime)
        ) border-box;
    border:2px solid transparent;
    box-shadow:
        0 0 40px rgba(139,92,246,.18),
        0 25px 50px rgba(0,0,0,.4);
    z-index:2;
}

.nt-qr-frame img{
    width:250px;
    height:250px;
    max-width:100%;
    object-fit:contain;
    display:block;
    border-radius:13px;
    background:#fff;
}

.nt-scan-text{
    position:relative;
    z-index:2;
    margin-top:18px;
    text-align:center;
}

.nt-scan-text strong{
    display:block;
    font-size:18px;
    color:#fff;
}

.nt-scan-text span{
    color:#858096;
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.16em;
}

/* =========================================================
   FORM
   ========================================================= */

.nt-form-row{
    margin-bottom:21px;
}

.nt-label{
    display:block;
    margin-bottom:8px;
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.13em;
    color:#aaa2bb;
}

.nt-label i{
    margin-right:6px;
    color:var(--nt-cyan);
}

.nt-input-wrap{
    position:relative;
}

.nt-input-wrap .nt-input-icon{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:var(--nt-purple);
    font-size:15px;
    z-index:2;
}

.nt-input,
.nt-select{
    width:100%;
    min-height:53px;
    padding:13px 17px 13px 45px!important;
    color:#fff!important;
    background:rgba(4,3,11,.65)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:15px!important;
    font-family:"Space Grotesk",sans-serif!important;
    font-size:14px!important;
    outline:none!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 5px 20px rgba(0,0,0,.12);
    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.nt-input:hover,
.nt-select:hover{
    border-color:rgba(139,92,246,.4)!important;
}

.nt-input:focus,
.nt-select:focus{
    border-color:var(--nt-cyan)!important;
    box-shadow:
        0 0 0 3px rgba(25,231,255,.07),
        0 0 30px rgba(25,231,255,.08)!important;
    transform:translateY(-1px);
}

.nt-input::placeholder{
    color:#625b70!important;
}

.nt-select{
    appearance:auto;
    padding-left:45px!important;
}

.nt-select option{
    background:#0c0818;
    color:#fff;
}

.nt-file{
    padding:9px 12px!important;
}

.nt-file::file-selector-button{
    border:0;
    border-radius:10px;
    padding:9px 14px;
    margin-right:10px;
    color:#fff;
    background:linear-gradient(
        135deg,
        rgba(139,92,246,.8),
        rgba(25,231,255,.6)
    );
    cursor:pointer;
}

.nt-help{
    display:block;
    margin-top:8px;
    color:#726b80;
    font-size:10px;
}

.nt-help a{
    color:var(--nt-cyan);
    text-decoration:none;
}

.nt-help a:hover{
    color:#fff;
}

/* ---------- SUBMIT ---------- */

.nt-submit{
    position:relative;
    width:100%;
    min-height:56px;
    border:0!important;
    border-radius:16px!important;
    overflow:hidden;
    color:#fff!important;
    font-family:"Space Grotesk",sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    letter-spacing:.02em;
    background:
        linear-gradient(
            100deg,
            #6337ff,
            #a52cff,
            #ff2bd6,
            #19cfff
        )!important;
    background-size:220% 100%!important;
    box-shadow:
        0 15px 35px rgba(139,92,246,.2),
        inset 0 1px 0 rgba(255,255,255,.25);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background-position .5s ease;
}

.nt-submit:hover{
    transform:translateY(-3px);
    background-position:100% 0!important;
    box-shadow:
        0 20px 45px rgba(139,92,246,.32),
        0 0 35px rgba(25,231,255,.13);
}

.nt-submit:active{
    transform:translateY(-1px) scale(.99);
}

.nt-submit i{
    margin-left:8px;
    transition:transform .25s ease;
}

.nt-submit:hover i{
    transform:translateX(5px);
}

/* =========================================================
   ALERT
   ========================================================= */

.nt-alert{
    display:flex;
    align-items:center;
    gap:14px;
    padding:15px 17px;
    margin-bottom:25px;
    border-radius:16px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
}

.nt-alert.success{
    border-color:rgba(183,255,60,.25);
    box-shadow:0 0 25px rgba(183,255,60,.05);
}

.nt-alert.danger{
    border-color:rgba(255,43,214,.25);
    box-shadow:0 0 25px rgba(255,43,214,.05);
}

.nt-alert-icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.06);
}

.nt-alert.success .nt-alert-icon{
    color:var(--nt-lime);
}

.nt-alert.danger .nt-alert-icon{
    color:var(--nt-pink);
}

.nt-alert-message{
    color:#ddd8e8;
    font-size:13px;
}

/* =========================================================
   PENDING STATE
   ========================================================= */

.nt-pending{
    min-height:360px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
    overflow:hidden;
}

.nt-pending:before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(255,43,214,.15),
        rgba(139,92,246,.08) 40%,
        transparent 70%
    );
    animation:ntPendingPulse 4s ease-in-out infinite;
}

@keyframes ntPendingPulse{
    50%{
        transform:scale(1.13);
        opacity:.7;
    }
}

.nt-pending img{
    position:relative;
    z-index:2;
    width:100px;
    max-width:30%;
    margin-bottom:18px;
    filter:
        drop-shadow(0 0 20px rgba(255,43,214,.25));
}

.nt-pending h3{
    position:relative;
    z-index:2;
    margin:0;
    font-size:22px!important;
    font-weight:700;
    color:#fff!important;
}

.nt-pending p{
    position:relative;
    z-index:2;
    margin:9px 0 0;
    color:#827a91;
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.15em;
}

/* =========================================================
   HISTORY TABLE
   ========================================================= */

.nt-history-card{
    margin-top:24px;
}

.nt-table-wrap{
    overflow-x:auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(139,92,246,.65) transparent;
}

.nt-table-wrap::-webkit-scrollbar{
    height:5px;
}

.nt-table-wrap::-webkit-scrollbar-track{
    background:transparent;
}

.nt-table-wrap::-webkit-scrollbar-thumb{
    border-radius:10px;
    background:linear-gradient(
        90deg,
        var(--nt-cyan),
        var(--nt-purple),
        var(--nt-pink)
    );
}

.nt-table{
    width:100%;
    min-width:900px;
    margin:0!important;
    color:#ddd8e8!important;
    border-collapse:separate!important;
    border-spacing:0 8px!important;
}

.nt-table thead th{
    padding:13px 14px!important;
    border:0!important;
    color:#777087!important;
    background:transparent!important;
    font-family:"Rajdhani",sans-serif!important;
    font-size:10px!important;
    text-transform:uppercase;
    letter-spacing:.12em;
    white-space:nowrap;
}

.nt-table tbody tr{
    background:rgba(255,255,255,.025);
    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.nt-table tbody tr:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.05);
    box-shadow:0 10px 25px rgba(0,0,0,.18);
}

.nt-table tbody td{
    padding:14px!important;
    border-top:1px solid rgba(255,255,255,.045)!important;
    border-bottom:1px solid rgba(255,255,255,.045)!important;
    border-left:0!important;
    border-right:0!important;
    color:#ddd8e8!important;
    font-family:"Space Grotesk",sans-serif;
    font-size:12px;
    vertical-align:middle;
}

.nt-table tbody td:first-child{
    border-left:1px solid rgba(255,255,255,.045)!important;
    border-radius:13px 0 0 13px;
}

.nt-table tbody td:last-child{
    border-right:1px solid rgba(255,255,255,.045)!important;
    border-radius:0 13px 13px 0;
}

.nt-avatar{
    width:35px;
    height:35px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    color:#fff;
    background:linear-gradient(
        135deg,
        rgba(25,231,255,.18),
        rgba(139,92,246,.25),
        rgba(255,43,214,.15)
    );
    border:1px solid rgba(255,255,255,.08);
}

.nt-proof{
    width:48px!important;
    height:48px!important;
    object-fit:cover;
    border-radius:10px!important;
    padding:2px!important;
    border:1px solid rgba(139,92,246,.4)!important;
    background:rgba(255,255,255,.05)!important;
    transition:transform .2s ease,box-shadow .2s ease;
}

.nt-proof:hover{
    transform:scale(1.12);
    box-shadow:0 0 20px rgba(139,92,246,.25);
}

.nt-status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 10px;
    border-radius:999px;
    font-family:"Rajdhani",sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.nt-status.approved{
    color:var(--nt-lime);
    background:rgba(183,255,60,.08);
    border:1px solid rgba(183,255,60,.15);
}

.nt-status.pending{
    color:#ff658f;
    background:rgba(255,43,214,.08);
    border:1px solid rgba(255,43,214,.15);
}

.nt-status-dot{
    width:6px;
    height:6px;
    border-radius:50%;
    background:currentColor;
    box-shadow:0 0 10px currentColor;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:767px){

    .content-wrapper .container-fluid{
        padding-left:13px;
        padding-right:13px;
    }

    .row.pt-2.pb-2{
        padding-top:10px!important;
        padding-bottom:15px!important;
    }

    .page-title{
        font-size:27px!important;
    }

    .nt-card{
        border-radius:21px!important;
    }

    .nt-card-header{
        padding:17px 18px;
    }

    .nt-card-body{
        padding:20px 17px;
    }

    .nt-qr-stage{
        min-height:270px;
    }

    .nt-qr-frame img{
        width:210px;
        height:210px;
    }

    .nt-qr-orb{
        width:220px;
        height:220px;
    }

    .nt-label{
        font-size:10px;
    }

    .nt-input,
    .nt-select{
        min-height:52px;
        font-size:13px!important;
    }

    .nt-submit{
        min-height:54px;
    }

    .nt-table{
        min-width:900px;
    }
}

/* =========================================================
   EXTRA GLOW / SPARKLES
   ========================================================= */

.nt-sparkle{
    position:absolute;
    pointer-events:none;
    color:rgba(255,255,255,.65);
    animation:ntSparkle 3s ease-in-out infinite;
}

.nt-sparkle.s1{
    top:15%;
    right:7%;
    font-size:11px;
}

.nt-sparkle.s2{
    bottom:17%;
    left:5%;
    font-size:8px;
    animation-delay:1s;
}

@keyframes ntSparkle{
    0%,100%{
        opacity:.25;
        transform:scale(.8) rotate(0);
    }
    50%{
        opacity:1;
        transform:scale(1.2) rotate(25deg);
    }
}

/* remove old Bootstrap table ugliness */
.nt-table.table-striped tbody tr:nth-of-type(odd){
    --bs-table-accent-bg:transparent!important;
}

.nt-table.table-hover tbody tr:hover{
    --bs-table-accent-bg:transparent!important;
}

/* make old bootstrap dark text rules harmless */
.nt-card label,
.nt-card h1,
.nt-card h2,
.nt-card h3,
.nt-card h4,
.nt-card h5,
.nt-card h6{
    color:inherit;
}