.eniv-content {
	padding: 40px 0;
    min-height: 405px;
}
.eniv-mb {
	margin-bottom: 40px;
}
.eniv-navbar {
	padding: 12px 0;
	background: #0d101b;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
	font-family: "Readex Pro", sans-serif;
	font-weight: 400;
}
.eniv-navbar,.eniv-navbar * {
	box-sizing: border-box;
}
.eniv-navbar-top {
	display: flex;
	align-items: center;
	gap: 20px;
}
.eniv-navbar-top > a:first-child {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	text-decoration: none;
}
.eniv-navbar-top > a:first-child img {
	display: block;
	width: 124px;
	height: 30px;
	object-fit: contain;
}
.eniv-navbar-top form {
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 0;
	height: 40px;
	margin: 0;
	overflow: hidden;
	border: 1px solid #13213d;
	border-radius: 12px;
	background: #0d1427;
}
.eniv-navbar-top form input {
	width: 100%;
	min-width: 0;
	height: 100%;
	padding: 0 16px;
	border: 0;
	outline: none;
	background: transparent;
	color: #fafafa;
	font: inherit;
	font-size: 14px;
}
.eniv-navbar-top form input::placeholder {
	color: #8691a6;
	opacity: 1;
}
.eniv-navbar-top form:focus-within {
	border-color: #176cff;
}
.eniv-navbar-top form button {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	flex-shrink: 0;
	width: 40px;
	padding: 0 12px 0 0;
	border: 0;
	background: transparent;
	color: #8691a6;
	cursor: pointer;
}
.eniv-navbar-top form button:hover {
	color: #fafafa;
}
.eniv-navbar-top > a:last-child {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 8px 16px;
	border-radius: 14px;
	background: #176cff;
	color: #fafafa;
	font-size: 13px;
	font-weight: 600;
	line-height: 19.5px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s;
}
.eniv-navbar-top > a:last-child:hover {
	background: #1259d6;
	color: #fafafa;
}
.eniv-navbar-bottom {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 16px;
	padding: 8px 0;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: #13213d transparent;
}
.eniv-navbar-bottom a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	color: #8691a6;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	white-space: nowrap;
	transition: color .2s;
}
.eniv-navbar-bottom a:hover,.eniv-navbar-bottom a[aria-current="page"] {
	color: #176cff;
}
.eniv-navbar-bottom a svg,.eniv-navbar-top form button svg {
	display: block;
	flex-shrink: 0;
}
.eniv-navbar a:focus-visible,.eniv-navbar button:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 3px;
}
.eniv-section-heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 4px;
	margin-bottom: 24px;
}
.eniv-section-heading p {
	margin: 0;
	color: #176cff;
	font-family: "Readex Pro", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .35px;
	text-transform: uppercase;
}
.eniv-section-heading h2 {
	margin: 0;
	color: #fafafa;
	font-family: "Righteous", sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}
.eniv-footer {
	padding: 48px 0 24px;
	background: #0d101b;
	color: #8691a6;
	font-family: "Readex Pro", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}
.eniv-footer,.eniv-footer * {
	box-sizing: border-box;
}
.eniv-footer > .container {
	width: 100%;
	max-width: 1424px;
	margin: 0 auto;
	padding: 0 16px;
}
.eniv-footer p,.eniv-footer h2,.eniv-footer h3 {
	margin: 0;
}
.eniv-footer a {
	color: inherit;
	text-decoration: none;
	transition: color .2s;
}
.eniv-footer a:hover {
	color: #176cff;
}
.eniv-footer a:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 4px;
}
.eniv-footer svg {
	display: block;
	flex-shrink: 0;
}
.eniv-footer-top {
	display: grid;
	grid-template-columns: 384px 220px 220px minmax(0, 1fr);
	align-items: start;
	gap: 48px;
}
.eniv-footer-brand {
	min-width: 0;
}
.eniv-footer-brand > a {
	display: inline-block;
	vertical-align: top;
}
.eniv-footer-brand > a img {
	display: block;
	width: 124px;
	height: 30px;
	object-fit: contain;
}
.eniv-footer-brand > p:first-of-type {
	margin-top: 12px;
	color: #176cff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.eniv-footer-brand > p:last-of-type {
	margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
}
.eniv-footer-column {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}
.eniv-footer h2 {
	color: #176cff;
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.eniv-footer-links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	color: #fafafa;
	font-weight: 500;
}
.eniv-footer-contact {
	display: flex;
	flex-direction: column;
	gap: 24px;
	min-width: 0;
}
.eniv-footer .eniv-footer-support {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 13px;
	border: 1px solid #13213d;
	border-radius: 12px;
	background: rgb(23 108 255 / 5%);
	color: #fff;
	font-family: "Outfit", "Readex Pro", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}
.eniv-footer-support span {
	flex: 1;
}
.eniv-footer-links a {
	display: flex;
	align-items: center;
	gap: 10px;
}
.eniv-footer-links a > span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border: 1px solid rgb(23 108 255 / 25%);
	border-radius: 8px;
	background: rgb(23 108 255 / 10%);
}
.eniv-footer-process {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
	border: 1px solid rgb(23 31 48 / 50%);
	border-radius: 16px;
	background: #0d1427;
}
.eniv-footer-process h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fafafa;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: normal;
}
.eniv-footer-process p {
	font-size: 13px;
	line-height: 22px;
}
.eniv-footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px solid rgb(23 108 255 / 10%);
}
.eniv-footer-copyright {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 11px;
	line-height: normal;
}
.eniv-footer-copyright a {
	color: #176cff;
}
.eniv-footer-bottom .eniv-nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 12px;
	line-height: 20px;
}
.eniv-footer-bottom .eniv-nav a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.eniv-footer-bottom .eniv-nav a + a::before {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #176cff;
	content: "";
}
.eniv-benefits {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
	font-family: "Readex Pro", sans-serif;
}
.eniv-benefits,.eniv-benefits * {
	box-sizing: border-box;
}
.eniv-benefits p,.eniv-benefits h2,.eniv-benefits h3 {
	margin: 0;
}
.eniv-benefits-heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.eniv-benefits-heading > p:first-child {
	color: #176cff;
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.eniv-benefits-heading h2 {
	color: #fafafa;
	font-family: inherit;
	font-size: 32px;
	font-weight: 600;
}
.eniv-benefits-heading > p:last-child {
	color: #8691a6;
	font-size: 15px;
	font-weight: 400;
}
.eniv-benefits-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid #13213d;
	border-radius: 24px;
	background: #13213d;
}
.eniv-benefits-grid > .eniv-article {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	min-width: 0;
	padding: 36px 32px;
	background: #030612;
}
.eniv-benefits-meta {
	display: flex;
	align-items: center;
	gap: 12px;
}
.eniv-benefits-meta > span:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border: 1px solid rgb(23 108 255 / 25%);
	border-radius: 50%;
	background: rgb(23 108 255 / 10%);
	color: #176cff;
}
.eniv-benefits-meta > span:first-child svg {
	display: block;
	flex-shrink: 0;
}
.eniv-benefits-meta > span:last-child {
	color: #176cff;
	font-size: 11px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: .5px;
}
.eniv-benefits-grid > .eniv-article > div:last-child {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}
.eniv-benefits-grid > .eniv-article > div:last-child h3 {
	color: #fafafa;
	font-family: inherit;
	font-size: 17px;
	font-weight: 600;
	line-height: normal;
}
.eniv-benefits-grid > .eniv-article > div:last-child p {
	color: #8691a6;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
}
.eniv-guide {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
	font-family: "Readex Pro", sans-serif;
}
.eniv-guide,.eniv-guide * {
	box-sizing: border-box;
}
.eniv-guide p,.eniv-guide h2,.eniv-guide h3 {
	margin: 0;
}
.eniv-guide-heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.eniv-guide-heading > p:first-child {
	color: #176cff;
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.eniv-guide-heading h2 {
	color: #fafafa;
	font-family: inherit;
	font-size: 32px;
	font-weight: 600;
}
.eniv-guide-heading > p:last-child {
	color: #8691a6;
	font-size: 15px;
	font-weight: 400;
}
.eniv-guide-steps {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.eniv-guide-steps > li {
	display: flex;
	align-items: stretch;
	min-height: 120px;
}
.eniv-guide-steps > li:last-child {
	min-height: 60px;
}
.eniv-guide-marker {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	flex: 0 0 64px;
}
.eniv-guide-marker > span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border: 1px solid #176cff;
	border-radius: 50%;
	background: rgb(23 108 255 / 20%);
	color: #fafafa;
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
}
.eniv-guide-steps > li:not(:last-child) .eniv-guide-marker::after {
	flex: 1;
	width: 3px;
	min-height: 58px;
	border-radius: 3px;
	background: linear-gradient(to bottom, #176cff, rgb(23 108 255 / 0%));
	content: "";
}
.eniv-guide-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
	min-width: 0;
	padding: 0 0 24px 20px;
}
.eniv-guide-steps > li:last-child .eniv-guide-content {
	padding-bottom: 0;
}
.eniv-guide-step-heading {
	display: flex;
	align-items: center;
	gap: 10px;
}
.eniv-guide-step-heading > span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border: 1px solid rgb(23 108 255 / 25%);
	border-radius: 8px;
	background: rgb(23 108 255 / 10%);
	color: #176cff;
}
.eniv-guide-step-heading > span svg {
	display: block;
	flex-shrink: 0;
}
.eniv-guide-step-heading h3 {
	color: #fafafa;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
}
.eniv-guide-content p,.eniv-guide-note p {
	color: #8691a6;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
}
.eniv-guide strong {
	color: #fafafa;
	font-weight: 600;
}
.eniv-guide-whatsapp,.eniv-guide-telegram,.eniv-guide-discord {
	font-weight: 600;
}
.eniv-guide-whatsapp {
	color: #25d366;
}
.eniv-guide-telegram {
	color: #2aabee;
}
.eniv-guide-discord {
	color: #5865f2;
}
.eniv-guide-note {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	padding: 20px;
	border: 1px solid rgb(245 158 11 / 25%);
	border-radius: 16px;
	background: rgb(245 158 11 / 10%);
}
.eniv-guide-note .eniv-guide-step-heading > span {
	border-color: rgb(245 158 11 / 25%);
	background: rgb(245 158 11 / 10%);
	color: #f59e0b;
}
.eniv-guide-note h3 {
	color: #f59e0b;
	font-size: 14px;
}
.eniv-stats {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 100%;
	overflow: hidden;
	border-radius: 20px;
	font-family: "Readex Pro", sans-serif;
}
.eniv-stats,.eniv-stats * {
	box-sizing: border-box;
}
.eniv-stats > img {
	position: absolute;
	z-index: -1;
	top: -240%;
	left: 0;
	width: 100%;
	max-width: none;
	height: 580%;
	opacity: .1;
	pointer-events: none;
}
.eniv-stats::before,.eniv-stats::after {
	position: absolute;
	z-index: -1;
	top: 10px;
	width: 8px;
	height: 8px;
	border-radius: 2px;
	background: rgb(23 108 255 / 15%);
	box-shadow: 12px 0 rgb(23 108 255 / 8%), 0 12px rgb(23 108 255 / 8%), 12px 12px rgb(23 108 255 / 4%);
	content: "";
	pointer-events: none;
}
.eniv-stats::before {
	left: 20px;
}
.eniv-stats::after {
	right: 44px;
	box-shadow: 12px 0 rgb(23 108 255 / 8%), 0 12px rgb(23 108 255 / 8%), 12px 12px rgb(23 108 255 / 4%), 0 90px rgb(23 108 255 / 15%), 12px 90px rgb(23 108 255 / 8%), 0 102px rgb(23 108 255 / 8%), 12px 102px rgb(23 108 255 / 4%);
}
.eniv-stats > div {
	position: relative;
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
	min-height: 120px;
	padding: 24px 40px;
}
.eniv-stats > div + div::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 2px;
	height: 72px;
	border-radius: 100px;
	background: rgb(23 108 255 / 20%);
	transform: translateY(-50%);
	content: "";
}
.eniv-stats > div > span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	border: 1px solid rgb(23 108 255 / 25%);
	border-radius: 16px;
	background: rgb(23 108 255 / 10%);
	color: #176cff;
}
.eniv-stats > div > span svg {
	display: block;
	flex-shrink: 0;
}
.eniv-stats > div > div {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}
.eniv-stats > div > div > p:first-child {
	margin: 0;
	color: #fafafa;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -.3px;
	white-space: nowrap;
}
.eniv-stats > div > div > p:last-child {
	margin: 0;
	color: #176cff;
	font-size: 10px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.eniv-products {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	font-family: "Readex Pro", sans-serif;
}
.eniv-products,.eniv-products * {
	box-sizing: border-box;
}
.eniv-products-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 24px 18px;
}
.eniv-product {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 311px;
	overflow: hidden;
	border-radius: 16px;
	background: #0d101b;
	box-shadow: 0 4px 24px rgb(0 0 0 / 33%);
}
.eniv-product > img {
	display: block;
	flex-shrink: 0;
	width: 100%;
	height: 153px;
	object-fit: cover;
	object-position: center;
}
.eniv-product > div {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	padding: 14px;
}
.eniv-product h3 {
	margin: 0;
	color: #fafafa;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	overflow-wrap: anywhere;
}
.eniv-product > div > p {
	margin: 0;
	color: #f59e0b;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
}
.eniv-product-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	font-size: 11px;
	line-height: normal;
}
.eniv-product-meta > span:first-child {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #fafafa;
	font-weight: 600;
}
.eniv-product-meta > span:first-child svg {
	display: block;
	flex-shrink: 0;
}
.eniv-product-meta > span:last-child {
	color: #8691a6;
	font-weight: 500;
}
.eniv-product > div > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: auto;
	padding: 8px 14px;
	border-radius: 10px;
	background: #176cff;
	color: #fafafa;
	font-size: 11px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -.5px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s;
}
.eniv-product > div > a:hover {
	background: #1259d6;
	color: #fafafa;
}
.eniv-product > div > a:focus-visible {
	outline: 2px solid #fafafa;
	outline-offset: 3px;
}
.eniv-games-category {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 24px;
	padding: 0 0 6px;
	overflow-x: auto;
	list-style: none;
	scrollbar-width: thin;
	scrollbar-color: #13213d transparent;
}
.eniv-games-category li {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	padding: 10px 16px;
	border: 1px solid rgb(23 31 48 / 50%);
	border-radius: 12px;
	background: #0d101b;
	color: #8691a6;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .2s, border-color .2s, color .2s;
}
.eniv-games-category li:hover,.eniv-games-category li.active {
	border-color: #176cff40;
	background: rgb(23 108 255 / 10%);
	color: #176cff;
}
.eniv-games-category li:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 2px;
}
.eniv-games-category img {
	display: block;
	width: 22px;
	height: 22px;
	object-fit: contain;
}
.eniv-games-wrapper {
	margin-bottom: 40px;
}
.eniv-games-wrapper,.eniv-games-wrapper *,.eniv-games-category,.eniv-games-category * {
	box-sizing: border-box;
}
.eniv-games-section + .eniv-games-section {
	margin-top: 28px;
}
.eniv-games-section > h5 {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fafafa;
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}
.eniv-games-section > h5 img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}
.eniv-games-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 18px;
}
.eniv-games-list > a {
	display: flex;
	flex-direction: column;
	flex: 0 0 217px;
	min-width: 0;
	padding: 1px;
	overflow: hidden;
	border: 1px solid rgb(23 31 48 / 50%);
	border-radius: 18px;
	background: #0d101b;
	box-shadow: 0 8px 24px -16px rgb(0 0 0 / 25%);
	color: #fafafa;
	text-decoration: none;
	transition: border-color .2s;
}
.eniv-games-list > a:hover {
	border-color: #176cff;
}
.eniv-games-list > a:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 3px;
}
.eniv-games-list > a > img {
	display: block;
	width: 100%;
	aspect-ratio: 1086 / 1448;
	object-fit: cover;
	object-position: center;
}
.eniv-games-list h2 {
	margin: 12px 12px 0;
	color: #fafafa;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	overflow-wrap: anywhere;
}
.eniv-games-list h3 {
	margin: 2px 12px 12px;
	color: #8691a6;
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	overflow-wrap: anywhere;
}
.eniv-banner {
	margin-bottom: 40px;
	overflow: hidden;
	border-radius: 20px;
}
.eniv-banner img {
	display: block;
	width: 100%;
	height: auto;
}
.eniv-alert {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	padding: 24px;
	box-sizing: border-box;
	border: 1px solid #f59e0b40;
	border-radius: 16px;
	background: rgb(245 158 11 / 10%);
	font-family: "Readex Pro", sans-serif;
}
.eniv-alert > div {
	display: flex;
	align-items: center;
	gap: 10px;
}
.eniv-alert > div > span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: rgb(245 158 11 / 12%);
	color: #f59e0b;
}
.eniv-alert svg {
	display: block;
}
.eniv-alert h3 {
	margin: 0;
	color: #f59e0b;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.eniv-alert > p {
	margin: 0;
	color: #8691a6;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}
.eniv-alert strong {
	color: #fafafa;
	font-weight: 700;
}
.eniv-page-heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	width: 100%;
	min-height: 248px;
	padding: 60px 24px;
	box-sizing: border-box;
	text-align: center;
}
.eniv-page-heading h1 {
	margin: 0;
	color: #fafafa;
	font-family: "Righteous", sans-serif;
	font-size: 38px;
	font-weight: 400;
	text-transform: uppercase;
}
.eniv-page-heading p {
	width: 100%;
	max-width: 920px;
	margin: 0;
	color: #8691a6;
	font-family: "Readex Pro", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
}
.eniv-rich-content {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	max-width: 1156px;
	margin: 0 auto;
	color: #8691a6;
	font-family: "Readex Pro", sans-serif;
	font-size: 14px;
	line-height: 24px;
	overflow-wrap: anywhere;
}
.eniv-rich-content, .eniv-rich-content * {
	box-sizing: border-box;
}
.eniv-rich-content > .eniv-section {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 32px;
	border: 1px solid #176cff40;
	border-radius: 20px;
	background: #0d101b;
}
.eniv-rich-content h2 {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	color: #fafafa;
	font-family: inherit;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}
.eniv-rich-content h2::before {
	flex: 0 0 8px;
	height: 24px;
	margin-top: 2px;
	border-radius: 4px;
	background: #176cff;
	content: "";
}
.eniv-rich-content > .eniv-section > div {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.eniv-rich-content p, .eniv-rich-content ul, .eniv-rich-content ol {
	margin: 0;
}
.eniv-rich-content ul, .eniv-rich-content ol {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-left: 16px;
}
.eniv-rich-content strong {
	color: #fafafa;
	font-weight: 700;
}
.eniv-rich-content a {
	color: #176cff;
	text-decoration: none;
}
.eniv-rich-content a:hover {
	text-decoration: underline;
}
.eniv-rich-content a[href^="https://wa.me/"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 24px;
	border: 1px solid #25d36640;
	border-radius: 12px;
	background: rgb(37 211 102 / 12%);
	color: #25d366;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
.eniv-rich-content a[href^="https://wa.me/"]:hover {
	background: rgb(37 211 102 / 20%);
}
.eniv-rich-content a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}
.eniv-rich-content a svg {
	flex-shrink: 0;
}
.eniv-faq {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: 24px;
	width: 100%;
	max-width: 1156px;
	margin: 0 auto 0;
	font-family: "Readex Pro", sans-serif;
}
.eniv-faq, .eniv-faq * {
	box-sizing: border-box;
}
.eniv-faq > .eniv-article {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 0 0 calc((100% - 48px) / 3);
	gap: 10px;
	min-width: 0;
	padding: 24px;
	overflow: hidden;
	border-radius: 24px;
	background: #0d101b;
	box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
	overflow-wrap: anywhere;
}
.eniv-faq > .eniv-article > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
	padding: 4px 12px;
	border-radius: 100px;
	background: #fdc700;
	color: #000;
	font-size: 10px;
	font-weight: 700;
	line-height: 15px;
	letter-spacing: 1px;
}
.eniv-faq h2 {
	width: 100%;
	margin: 0;
	color: #fff;
	font-family: inherit;
	font-size: 18px;
	font-weight: 600;
}
.eniv-faq > .eniv-article > div {
	width: 100%;
	color: #90a1b9;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}
.eniv-faq > .eniv-article > div > * {
	margin: 0 0 10px;
}
.eniv-faq > .eniv-article > div > :last-child {
	margin-bottom: 0;
}
.eniv-faq strong {
	color: #fafafa;
	font-weight: 700;
}
.eniv-faq a {
	color: #176cff;
	text-decoration: none;
}
.eniv-faq a:hover {
	text-decoration: underline;
}
.eniv-faq ul, .eniv-faq ol {
	padding-left: 20px;
}
.eniv-help {
	display: flex;
	align-items: stretch;
	gap: 24px;
	width: 100%;
	max-width: 920px;
	margin: 0 auto 0;
}
.eniv-help, .eniv-help * {
	box-sizing: border-box;
}
.eniv-help > form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 1;
	min-width: 0;
	margin: 0;
	padding: 20px;
	border-radius: 20px;
	background: #0d101b;
}
.eniv-help > form > .row {
	--bs-gutter-x: 20px;
	gap: 20px;
}
.eniv-help > form > .row > div {
	flex: 1;
	width: auto;
	min-width: 0;
	padding: 0 !important;
}
.eniv-help textarea {
	min-height: 140px;
}
.eniv-help > .eniv-aside {
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex: 0 0 270px;
}
.eniv-help > .eniv-aside > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 4px;
	flex: 1;
	padding: 20px;
	border-radius: 20px;
	background: #0d101b;
	font-family: "Outfit", sans-serif;
}
.eniv-help > .eniv-aside span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: 6px;
	border-radius: 10px;
	background: rgb(23 108 255 / 10%);
	color: #176cff;
}
.eniv-help > .eniv-aside svg {
	display: block;
}
.eniv-help h2 {
	margin: 0;
	color: #fafafa;
	font-family: inherit;
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
}
.eniv-help p {
	margin: 0;
	color: #8691a6;
	font-size: 14px;
	line-height: 20px;
}
.eniv-prices {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	width: 100%;
	max-width: 1156px;
	margin: 0 auto 0;
}
.eniv-prices, .eniv-prices * {
	box-sizing: border-box;
}
.eniv-prices > .eniv-aside {
	display: flex;
	flex-direction: column;
	flex: 0 0 220px;
}
.eniv-prices > .eniv-aside h2 {
	margin: 0;
	padding: 14px 16px;
	color: #8691a6;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
}
.eniv-prices > .eniv-aside button {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	padding: 12px 16px;
	border: 0;
	border-radius: 12px;
	background: transparent;
	color: #fafafa;
	font-family: "Outfit", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
	cursor: pointer;
	transition: background-color .2s;
}
.eniv-prices > .eniv-aside button:hover, .eniv-prices > .eniv-aside button.active {
	background: #0d101b;
}
.eniv-prices > .eniv-aside button:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 2px;
}
.eniv-prices > .eniv-aside img {
	display: block;
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	object-fit: cover;
}
.eniv-prices > div:not(.eniv-aside) {
	flex: 1;
	min-width: 0;
}
.eniv-prices > div:not(.eniv-aside) > .eniv-nav {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.eniv-prices td span {
	font-size: 12px;
}
.eniv-prices [data-status="normal"] {
	color: #46ce49;
}
.eniv-prices [data-status="error"] {
	color: #f03639;
}
.eniv-table {
	width: 100%;
	font-family: "Readex Pro", sans-serif;
}
.eniv-table table {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
}
.eniv-table th {
	padding: 14px 20px;
	color: #8691a6;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
	white-space: nowrap;
}
.eniv-table td {
	padding: 14px 20px;
	background: #0d101b;
	color: #fafafa;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	vertical-align: middle;
}
.eniv-table tbody tr:nth-child(even) td {
	background: #0d1427;
}
.eniv-table tbody tr:first-child td:first-child {
	border-top-left-radius: 20px;
}
.eniv-table tbody tr:first-child td:last-child {
	border-top-right-radius: 20px;
}
.eniv-table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 20px;
}
.eniv-table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 20px;
}
.eniv-game-header {
	width: auto;
	margin-top: -40px;
	margin-right: calc(50% - 50vw);
	margin-bottom: 40px;
	margin-left: calc(50% - 50vw);
	font-family: "Readex Pro", sans-serif;
}
.eniv-game-header, .eniv-game-header * {
	box-sizing: border-box;
}
.eniv-game-banner {
	position: relative;
	height: 317px;
	overflow: hidden;
}
.eniv-game-banner::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, transparent, rgb(3 6 18 / 50%));
	content: "";
	pointer-events: none;
}
.eniv-game-banner > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.eniv-game-info {
	position: relative;
	isolation: isolate;
	background: #030612;
}
.eniv-game-info::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	overflow: hidden;
	background: url("../images/eniv-game-pattern.svg") center / cover no-repeat;
	opacity: .05;
	content: "";
	pointer-events: none;
}
.eniv-game-info > div {
	display: flex;
	align-items: flex-end;
	gap: 30px;
	width: 100%;
	max-width: 1320px;
	min-height: 210px;
	margin: 0 auto;
	padding: 0 0 50px;
}
.eniv-game-info > div > img {
	position: relative;
	display: block;
	flex: 0 0 150px;
	width: 150px;
	height: 200px;
	margin-top: -40px;
	border-radius: 16px;
	object-fit: cover;
}
.eniv-game-info > div > div {
	flex: 1;
	min-width: 0;
	max-width: 853px;
}
.eniv-game-info h1 {
	margin: 0 0 2px;
	color: #fff;
	font-family: inherit;
	font-size: 30px;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
}
.eniv-game-info > div > div > p {
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
}
.eniv-game-info > div > div > div {
	margin-top: 20px;
	color: #8691a6;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
}
.eniv-game-info > div > div > div > :last-child {
	margin-bottom: 0;
}
.eniv-order > .row {
	--bs-gutter-x: 24px;
	align-items: flex-start;
}
.eniv-order > .row > div {
	min-width: 0;
}
.eniv-order > .row > .col-4 {
	position: sticky;
	top: 24px;
}
.eniv-order-summary {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	padding: 20px;
	border-radius: 20px;
	background: #0d101b;
	font-family: "Readex Pro", sans-serif;
}
.eniv-order-summary, .eniv-order-summary * {
	box-sizing: border-box;
}
.eniv-order-summary > .eniv-header {
	display: flex;
	align-items: center;
	gap: 12px;
}
.eniv-order-summary > .eniv-header > img {
	display: block;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	border-radius: 12px;
	object-fit: cover;
}
.eniv-order-summary > .eniv-header > div {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}
.eniv-order-summary .eniv-header p {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	color: #fafafa;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
}
.eniv-order-summary .eniv-header p > span {
	position: relative;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	overflow: hidden;
}
.eniv-order-summary .eniv-header p > span img {
	position: absolute;
	top: -115.69%;
	left: -102.23%;
	width: 324.02%;
	max-width: none;
	height: 270.82%;
}
.eniv-order-summary h2 {
	margin: 0;
	color: #fafafa;
	font-family: inherit;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
}
.eniv-order-summary .eniv-details {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	color: #8691a6;
	font-size: 14px;
	line-height: 20px;
}
.eniv-order-summary .eniv-details > div {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}
.eniv-order-summary .eniv-label {
	font-weight: 400;
}
.eniv-order-summary .eniv-value {
	margin: 0;
	font-weight: 500;
	white-space: nowrap;
}
.eniv-order-summary > .eniv-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 20px;
	border-top: 1px solid #176cff40;
	font-weight: 600;
}
.eniv-order-summary .eniv-footer > span {
	color: #fafafa;
	font-size: 18px;
}
.eniv-order-summary .eniv-footer > strong {
	color: #f59e0b;
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
}
.eniv-order-summary > button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
}
.eniv-order-summary > button svg {
	display: block;
	flex-shrink: 0;
}
.eniv-panel {
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 20px;
	background: #0d101b;
	font-family: "Readex Pro", sans-serif;
}
.eniv-panel, .eniv-panel * {
	box-sizing: border-box;
}
.eniv-panel > .eniv-header {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 10px 20px;
	background: linear-gradient(90deg, rgb(3 6 18 / 95%), rgb(3 6 18 / 20%)), #176cff;
}
.eniv-panel > .eniv-header::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	background: url("/assets/images/eniv-panel-bg.png") left 84.47% / 100% 989.25% no-repeat;
	opacity: .1;
	content: "";
	pointer-events: none;
}
.eniv-panel > .eniv-header > span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	border: 1px solid #176cff40;
	border-radius: 50%;
	background: #0d1427;
	color: #176cff;
}
.eniv-panel > .eniv-header svg {
	display: block;
	flex-shrink: 0;
}
.eniv-panel > .eniv-header h2 {
	margin: 0;
	color: #fafafa;
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
}
.eniv-panel > div:not(.eniv-header) {
	padding: 20px;
	color: #8691a6;
	font-size: 12px;
	line-height: 20px;
}
.eniv-panel > div:not(.eniv-header) > p:last-child, .eniv-panel > div:not(.eniv-header) > div > p:last-child {
	margin-bottom: 0;
}
.eniv-target {
	display: flex;
	gap: 20px;
}
.eniv-target > div {
	flex: 1;
	min-width: 0;
}
.eniv-target .form-label {
	display: block;
	margin-bottom: 10px;
}
.eniv-target .form-control {
	border-radius: 10px;
}
.eniv-items {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.eniv-items > button {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	flex: 0 0 calc((100% - 20px) / 3);
	min-width: 0;
	margin: 0;
	padding: 11px;
	border: 1px solid transparent;
	border-radius: 16px;
	background: #0d1427;
	color: #fafafa;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color .2s, background-color .2s;
}
.eniv-items > button:hover, .eniv-items > button.active {
	border-color: #176cff40;
	background: #101d36;
}
.eniv-items > button:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 2px;
}
.eniv-items > button > span {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	min-width: 0;
}
.eniv-items > button > span > span {
	color: #fafafa;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	overflow-wrap: anywhere;
}
.eniv-items strong {
	color: #f59e0b;
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
}
.eniv-items img {
	display: block;
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	object-fit: contain;
}
.eniv-load-more {
	display: block;
	margin: 20px auto 0;
	padding: 6px 12px;
	border: 0;
	border-radius: 100px;
	background: transparent;
	color: #176cff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	cursor: pointer;
}
.eniv-load-more:hover {
	color: #fafafa;
}
.eniv-load-more:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 2px;
}
.eniv-payment-tabs {
	display: flex;
	gap: 14px;
	margin-bottom: 20px;
	padding: 4px;
	overflow-x: auto;
	border-radius: 14px;
	background: #0d1427;
	scrollbar-width: thin;
	scrollbar-color: #176cff40 transparent;
}
.eniv-payment-tabs > button {
	flex: 1 0 auto;
	padding: 10px 12px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #8691a6;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .2s, color .2s;
}
.eniv-payment-tabs > button:hover {
	color: #fafafa;
}
.eniv-payment-tabs > button.active {
	background: #176cff;
	color: #fafafa;
}
.eniv-payment-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.eniv-payment-list > button {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 0 0 calc((100% - 12px) / 2);
	min-width: 0;
	min-height: 66px;
	padding: 10px 12px;
	border: 1px solid transparent;
	border-radius: 16px;
	background: #0d1427;
	color: #fafafa;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color .2s, background-color .2s;
}
.eniv-payment-list > button:hover, .eniv-payment-list > button.active {
	border-color: #176cff40;
	background: #101d36;
}
.eniv-payment-tabs > button:focus-visible, .eniv-payment-list > button:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 2px;
}
.eniv-payment-list img {
	display: block;
	flex-shrink: 0;
	width: auto;
	height: 40px;
}
.eniv-payment-list > button > span {
	flex: 1;
	min-width: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	overflow-wrap: anywhere;
}
.eniv-payment-list strong {
	flex-shrink: 0;
	color: #f59e0b;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	white-space: nowrap;
}
.eniv-auth, .eniv-auth * {
	box-sizing: border-box;
}
.eniv-auth {
	position: relative;
	isolation: isolate;
	display: flex;
	min-height: 100vh;
	min-height: 100svh;
	padding: clamp(20px, 2.604vw, 50px);
	overflow: hidden;
	background: linear-gradient(119.36deg, rgb(3 6 18 / 80%) 50%, rgb(3 6 18 / 16%) 100%), url("/assets/images/eniv-login-bg.png") center / cover no-repeat;
}
.eniv-auth::before {
	position: absolute;
	z-index: -2;
	inset: 0;
	background: rgb(24 23 29 / 10%);
	backdrop-filter: blur(5px);
	content: "";
}
.eniv-auth > img {
	position: absolute;
	z-index: -1;
	top: 3.61%;
	left: 26.51%;
	width: 82.05%;
	height: 90.74%;
	max-width: none;
	object-fit: cover;
	pointer-events: none;
}
.eniv-auth > .eniv-section {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(746px, 100%);
	min-height: 700px;
	padding: 110px 50px;
	border-radius: 50px;
	background: rgb(3 6 18 / 50%);
	backdrop-filter: blur(15px);
}
.eniv-auth > .eniv-section > a {
	position: absolute;
	top: 50px;
	left: 50px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #8691a6;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
}
.eniv-auth > .eniv-section > div {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	max-width: 440px;
}
.eniv-auth .eniv-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
}
.eniv-auth .eniv-header img {
	display: block;
	width: 124px;
	height: 30px;
	object-fit: contain;
}
.eniv-auth h1 {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
}
.eniv-auth .eniv-header p {
	margin: 0;
	font-size: 15px;
	line-height: normal;
}
.eniv-auth form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.eniv-auth form > div {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 56px;
	padding: 0 16px;
	border: 1px solid transparent;
	border-radius: 16px;
	background: #0d1427;
}
.eniv-auth form > div:focus-within {
	border-color: #176cff40;
	box-shadow: 0 0 0 3px rgb(23 108 255 / 10%);
}
.eniv-auth input.form-control {
	flex: 1;
	min-width: 0;
	height: 54px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #fafafa;
	font: inherit;
	font-size: 15px;
	box-shadow: none;
}
.eniv-auth input::placeholder {
	color: #8691a6;
	opacity: 1;
}
.eniv-auth svg {
	display: block;
	flex-shrink: 0;
}
.eniv-auth form > div > button {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 28px;
	height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fafafa;
	cursor: pointer;
}
.eniv-auth form > button {
	min-height: 56px;
	margin-top: 8px;
	padding: 14px 24px;
	border: 1px solid #176cff;
	border-radius: 16px;
	background: #176cff;
	color: #fafafa;
	font-family: inherit;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}
.eniv-auth form > button:hover {
	border-color: #1259d6;
	background: #1259d6;
}
.eniv-auth .eniv-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	text-align: center;
}
.eniv-auth .eniv-footer p {
	margin: 0;
}
.eniv-auth .eniv-footer a {
	color: #176cff;
	font-weight: 500;
	text-decoration: none;
}
.eniv-auth a:hover {
	color: #fafafa;
}
.eniv-auth a:focus-visible, .eniv-auth button:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 4px;
}
.eniv-auth > .eniv-section > small {
	position: absolute;
	right: 24px;
	bottom: 50px;
	left: 24px;
	color: #8691a6;
	font-size: 12px;
	text-align: center;
}
.eniv-auth .alert {
	margin: 0;
	padding: 12px 16px;
	border: 1px solid #f0363940;
	border-radius: 12px;
	background: rgb(240 54 57 / 10%);
	color: #fafafa;
	font-size: 13px;
}
.eniv-confirm {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.eniv-confirm > .eniv-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px;
	border-radius: 12px;
	background: #0d1427;
}
.eniv-confirm > .eniv-header > img {
	display: block;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	border-radius: 12px;
	object-fit: cover;
}
.eniv-confirm > .eniv-header > div {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}
.eniv-confirm .eniv-header h3 {
	margin: 0;
	color: #fafafa;
	font-family: inherit;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
}
.eniv-confirm .eniv-header p {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	color: #fafafa;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	overflow-wrap: anywhere;
}
.eniv-confirm .eniv-header p img {
	display: block;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	object-fit: contain;
}
.eniv-confirm > .eniv-section {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.eniv-confirm > .eniv-section > h3 {
	margin: 0;
	color: #8691a6;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.eniv-confirm .eniv-details {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
}
.eniv-confirm > .eniv-section:nth-child(2) .eniv-details {
	gap: 8px;
}
.eniv-confirm .eniv-details > div {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}
.eniv-confirm .eniv-label {
	color: #8691a6;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}
.eniv-confirm > .eniv-section:nth-child(2) .eniv-label {
	font-size: 11px;
}
.eniv-confirm .eniv-value {
	min-width: 0;
	margin: 0;
	color: #fafafa;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: right;
	overflow-wrap: anywhere;
}
.eniv-confirm > .eniv-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.eniv-confirm > .eniv-footer > span {
	color: #8691a6;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.eniv-confirm > .eniv-footer > strong {
	color: #f59e0b;
	font-size: 24px;
	font-weight: 600;
	line-height: normal;
}
.eniv-confirm > div:last-child {
	display: flex;
	gap: 12px;
}
.eniv-confirm > div:last-child > button {
	flex: 1;
	padding: 12px 16px;
	border-radius: 12px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}
.eniv-confirm > div:last-child > button:first-child {
	color: #8691a6;
}
.eniv-confirm > div:last-child > button:first-child:hover {
	background: #0d1427;
	color: #fafafa;
}
.eniv-contacts {
	display: flex;
	gap: 24px;
	width: 100%;
	font-family: "Readex Pro", sans-serif;
}
.eniv-contacts, .eniv-contacts * {
	box-sizing: border-box;
}
.eniv-contacts > .eniv-article {
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 1;
	min-width: 0;
	padding: 24px;
	border-top: 4px solid var(--contact-color);
	border-radius: 18px;
	background: #0d101b;
	box-shadow: 0 8px 24px -8px rgb(0 0 0 / 25%);
}
.eniv-contacts [data-platform="whatsapp"] {
	--contact-color: #25d366;
	--contact-background: rgb(37 211 102 / 14%);
}
.eniv-contacts [data-platform="telegram"] {
	--contact-color: #2aabee;
	--contact-background: transparent;
}
.eniv-contacts [data-platform="discord"] {
	--contact-color: #5865f2;
	--contact-background: rgb(88 101 242 / 14%);
}
.eniv-contacts [data-platform="facebook"] {
	--contact-color: #1877f2;
	--contact-background: rgb(24 119 242 / 14%);
}
.eniv-contacts .eniv-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-bottom: 16px;
	border-bottom: 1px solid #176cff40;
}
.eniv-contacts .eniv-header > span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: var(--contact-background);
}
.eniv-contacts svg {
	display: block;
	flex-shrink: 0;
}
.eniv-contacts .eniv-header > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.eniv-contacts small {
	color: #8691a6;
	font-size: 11px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: .8px;
	text-transform: uppercase;
}
.eniv-contacts h3 {
	margin: 0;
	color: #fafafa;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
}
.eniv-contacts > .eniv-article > div:not(.eniv-header) {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.eniv-contacts h4 {
	margin: 0;
	color: #fafafa;
	font-family: inherit;
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
}
.eniv-contacts p {
	margin: 0;
	color: #8691a6;
	font-size: 13px;
	line-height: normal;
}
.eniv-contacts > .eniv-article > a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin-top: auto;
	padding: 10px 16px;
	border-radius: 12px;
	background: var(--contact-color);
	color: #fafafa;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	text-decoration: none;
}
.eniv-contacts > .eniv-article > a:hover {
	filter: brightness(.9);
}
.eniv-contacts > .eniv-article > a:focus-visible {
	outline: 2px solid var(--contact-color);
	outline-offset: 4px;
}
.eniv-dashboard {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	width: 100%;
	font-family: "Readex Pro", sans-serif;
}
.eniv-dashboard, .eniv-dashboard * {
	box-sizing: border-box;
}
.eniv-dashboard > .eniv-aside {
	position: relative;
	isolation: isolate;
	flex: 0 0 330px;
	padding: 20px;
	overflow: hidden;
	border-radius: 20px;
	background: linear-gradient(163.25deg, #091535 8.12%, #0d101b 50%);
}
.eniv-dashboard > .eniv-aside::before {
	position: absolute;
	z-index: -1;
	top: -15px;
	left: calc(50% - 100px);
	width: 200px;
	height: 200px;
	background: radial-gradient(circle, rgb(23 108 255 / 15%), transparent 65%);
	content: "";
	pointer-events: none;
}
.eniv-dashboard > .eniv-aside > .eniv-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 28px 20px;
}
.eniv-dashboard > .eniv-aside > .eniv-header > div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border: 3px solid #176cff66;
	border-radius: 50%;
	background: linear-gradient(135deg, #176cff, #0a4fd4);
	box-shadow: 0 0 12px rgb(23 108 255 / 25%);
	color: #fafafa;
	font-size: 26px;
	font-weight: 700;
	line-height: 39px;
}
.eniv-dashboard > .eniv-aside > .eniv-header span {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 2px solid #0d101b;
	border-radius: 50%;
	background: #16c784;
}
.eniv-dashboard > .eniv-aside h2 {
	margin: 0;
	color: #fafafa;
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
}
.eniv-dashboard .eniv-nav {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.eniv-dashboard .eniv-nav a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px;
	border-radius: 12px;
	color: #8691a6;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-decoration: none;
	transition: background-color .2s, color .2s;
}
.eniv-dashboard .eniv-nav a:hover, .eniv-dashboard .eniv-nav a.active {
	background: rgb(23 108 255 / 12%);
	color: #176cff;
}
.eniv-dashboard .eniv-nav a.active {
	font-weight: 600;
}
.eniv-dashboard .eniv-nav a:last-child {
	margin-top: 6px;
	border-top: 1px solid #176cff40;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	color: #ef4444;
	font-weight: 500;
}
.eniv-dashboard img {
	display: block;
	flex-shrink: 0;
}
.eniv-dashboard > div:not(.eniv-aside) {
	display: flex;
	flex-direction: column;
	gap: 30px;
	flex: 1;
	min-width: 0;
}
.eniv-dashboard > div:not(.eniv-aside) > .eniv-header {
	position: relative;
	isolation: isolate;
	width: 100%;
	padding: 20px;
	overflow: hidden;
	border-radius: 20px;
	background: #0d101b;
}
.eniv-dashboard > div:not(.eniv-aside) > .eniv-header::before {
	position: absolute;
	z-index: -1;
	top: 0;
	right: -60px;
	width: 300px;
	height: 300px;
	background: radial-gradient(circle, rgb(23 108 255 / 20%), transparent 65%);
	content: "";
	pointer-events: none;
}
.eniv-dashboard > div:not(.eniv-aside) > .eniv-header p {
	margin: 0 0 4px;
	color: #8691a6;
	font-size: 12px;
	line-height: 18px;
}
.eniv-dashboard h1 {
	margin: 0;
	color: #fafafa;
	font-family: inherit;
	font-size: 28px;
	font-weight: 600;
	line-height: normal;
}
.eniv-account-stats {
	display: flex;
	align-items: stretch;
	gap: 18px;
}
.eniv-account-stats > .eniv-article {
	--stat-color: #176cff;
	--stat-tint: rgb(23 108 255 / 10%);
	--stat-border: rgb(23 108 255 / 20%);
	--stat-glow: rgb(23 108 255 / 12.5%);
	position: relative;
	isolation: isolate;
	flex: 1;
	min-width: 0;
	padding: 20px;
	overflow: hidden;
	border-radius: 16px;
	background: #0d101b;
}
.eniv-account-stats > .eniv-article:nth-child(2) {
	--stat-color: #16c784;
	--stat-tint: rgb(22 199 132 / 10%);
	--stat-border: rgb(22 199 132 / 20%);
	--stat-glow: rgb(22 199 132 / 12.5%);
}
.eniv-account-stats > .eniv-article:nth-child(3) {
	--stat-color: #a78bfa;
	--stat-tint: rgb(167 139 250 / 10%);
	--stat-border: rgb(167 139 250 / 20%);
	--stat-glow: rgb(167 139 250 / 12.5%);
}
.eniv-account-stats > .eniv-article::before {
	position: absolute;
	z-index: -1;
	top: -19px;
	right: -5px;
	width: 80px;
	height: 80px;
	background: radial-gradient(circle, var(--stat-glow), transparent 70%);
	content: "";
	pointer-events: none;
}
.eniv-account-stats > .eniv-article > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid var(--stat-border);
	border-radius: 10px;
	background: var(--stat-tint);
}
.eniv-account-stats p {
	margin: 14px 0 0;
	color: #8691a6;
	font-size: 11px;
	line-height: 16.5px;
}
.eniv-account-stats > .eniv-article > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.eniv-account-stats strong {
	color: #fafafa;
	font-size: 22px;
	font-weight: 700;
	line-height: 33px;
}
.eniv-account-stats a {
	flex-shrink: 0;
	padding: 6px 16px;
	border-radius: 10px;
	background: #176cff;
	color: #fafafa;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-decoration: none;
}
.eniv-account-stats a:hover {
	background: #1259d6;
}
.eniv-dashboard a:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 3px;
}
.eniv-users-title {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 500;
    color: #fafafa;
}
.eniv-purchases {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}
.eniv-purchases > form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}
.eniv-purchases > form label {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 220px;
	max-width: 100%;
	margin: 0;
	padding: 12px 16px;
	background: #0d101b;
	border-radius: 14px;
	color: #ffffff;
}
.eniv-purchases > form label:last-child {
	width: 271px;
}
.eniv-purchases > form input {
	width: 100%;
	min-width: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: none;
	color: #ffffff;
	font: inherit;
	font-size: 14px;
	line-height: 20px;
}
.eniv-purchases > form input::placeholder {
	color: #8b8d97;
}
.eniv-purchases > form input[readonly] {
	cursor: pointer;
}
.eniv-purchases > form svg {
	flex-shrink: 0;
}
.eniv-purchases > div {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.eniv-purchases > div > a {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	min-width: 0;
	padding: 16px;
	background: #0d101b;
	border-radius: 18px;
	color: #ffffff;
	text-decoration: none;
}
.eniv-purchases > div > a:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 3px;
}
.eniv-purchases:not(.eniv-topup-history) > div > a > img {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	border-radius: 8px;
	object-fit: cover;
}
.eniv-purchases > div > a > div {
	display: flex;
	flex: 1 1 180px;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}
.eniv-purchases small {
	color: #176cff;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	overflow-wrap: anywhere;
}
.eniv-purchases h2 {
	margin: 0;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	overflow-wrap: anywhere;
}
.eniv-purchases [data-status] {
	flex: 0 1 150px;
	color: #8b8d97;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
}
.eniv-purchases [data-status="Success"] {
	color: #16c784;
}
.eniv-purchases [data-status="Canceled"], .eniv-purchases [data-status="Cancelled"] {
	color: #ef4444;
}
.eniv-purchases [data-status="Pending"] {
	color: #f59e0b;
}
.eniv-purchases [data-status="Processing"] {
	color: #176cff;
}
.eniv-purchases .eniv-date {
	flex: 0 1 160px;
	margin-left: auto;
	color: #8b8d97;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
}
.eniv-purchases > div > p {
	margin: 0;
	padding: 28px 16px;
	background: #0d101b;
	border-radius: 18px;
	color: #8b8d97;
	font-size: 14px;
	text-align: center;
}
.eniv-topup-history > div > a > p {
	flex: 0 1 180px;
	margin: 0;
	color: #f59e0b;
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
}
.eniv-settings {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.eniv-settings > div, .eniv-settings > form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0;
	padding: 20px;
	border-radius: 20px;
	background: #0d101b;
}
.eniv-settings h2 {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0;
	color: #fafafa;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}
.eniv-settings h2 svg {
	flex-shrink: 0;
	color: #176cff;
}
.eniv-settings .form-label {
	display: block;
	color: #8691a6;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}
.eniv-settings .form-control {
	padding: 12px 16px;
	border-radius: 14px;
}
.eniv-settings .form-control[readonly] {
	border-color: #176cff40;
	color: #176cff;
	font-weight: 500;
}
.eniv-password {
	position: relative;
}
.eniv-password > .form-control {
	padding-right: 48px;
}
.eniv-password > button {
	position: absolute;
	top: 50%;
	right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: #8691a6;
	transform: translateY(-50%);
	cursor: pointer;
}
.eniv-password > button:hover, .eniv-password > button[aria-pressed="true"] {
	color: #176cff;
}
.eniv-password > button:focus-visible {
	outline: 2px solid #176cff;
	outline-offset: 4px;
}
.eniv-invoice {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
}
.eniv-invoice, .eniv-invoice * {
	box-sizing: border-box;
}
.eniv-invoice p, .eniv-invoice h2, .eniv-invoice h3 {
	margin: 0;
}
.eniv-invoice > a {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 6px;
	color: #8691a6;
	font-size: 12px;
	text-decoration: none;
}
.eniv-invoice button[data-copy] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 8px 14px;
	border: 1px solid #176cff40;
	border-radius: 10px;
	background: #0d1427;
	color: #8691a6;
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
}
.eniv-invoice button[data-copy]:hover {
	color: #176cff;
}
.eniv-invoice-box {
	overflow: hidden;
	border-radius: 24px;
	background: #0d101b;
}
.eniv-invoice-head {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 116px;
	padding: 24px 28px;
	border-bottom: 2px solid #176cff40;
	background: #030612;
}
.eniv-invoice-head::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	background: url("/assets/images/eniv-invoice-bg.png") center 92.22% / 100% 528.74% no-repeat;
	opacity: .05;
	content: "";
	pointer-events: none;
}
.eniv-invoice-head > div {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}
.eniv-invoice-head p {
	color: #8691a6;
	font-size: 11px;
}
.eniv-invoice-head h2 {
	color: #fafafa;
	font-size: 20px;
	font-weight: 600;
	overflow-wrap: anywhere;
}
.eniv-invoice-head > button {
	flex-shrink: 0;
}
.eniv-invoice-product {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 20px;
	padding: 18px;
	border-radius: 18px;
	background: #0d1427;
}
.eniv-invoice-product > img {
	height: 64px;
}
.eniv-invoice-product > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}
.eniv-invoice-product p:first-child {
	color: #176cff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.1px;
}
.eniv-invoice-product h2 {
	color: #fafafa;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	overflow-wrap: anywhere;
}
.eniv-invoice-product p:last-child {
	color: #8691a6;
	font-size: 12px;
	line-height: 20px;
}
.eniv-invoice-product [data-status] {
	flex-shrink: 0;
	padding: 5px 14px;
	border: 1px solid #176cff40;
	border-radius: 100px;
	background: #176cff1a;
	color: #399cff;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}
.eniv-invoice-product [data-status="Pending"] {
	border-color: #facc1540;
	background: #facc151a;
	color: #facc15;
}
.eniv-invoice-product [data-status="Success"] {
	border-color: #46ce4940;
	background: #46ce491a;
	color: #46ce49;
}
.eniv-invoice-product [data-status="Canceled"] {
	border-color: #ef444440;
	background: #ef44441a;
	color: #ef4444;
}
.eniv-invoice h3 {
	color: #8691a6;
	font-size: 11px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 1.1px;
	text-transform: uppercase;
}
.eniv-invoice-deadline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 0 20px 20px;
}
.eniv-invoice-deadline > div > p {
	color: #fafafa;
	font-size: 14px;
	line-height: 22px;
}
.eniv-invoice-countdown {
	display: flex;
	align-items: flex-start;
	gap: 6px;
}
.eniv-invoice-countdown > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}
.eniv-invoice-countdown p {
	min-width: 44px;
	padding: 4px 10px;
	border: 1px solid #176cff40;
	border-radius: 10px;
	background: #0d1427;
	color: #176cff;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	text-align: center;
}
.eniv-invoice-countdown > div > span {
	color: #8691a6;
	font-size: 10px;
}
.eniv-invoice-countdown > span {
	padding-top: 4px;
	color: #176cff;
	font-size: 18px;
	font-weight: 700;
}
.eniv-invoice-columns {
	display: flex;
	margin: 0 20px 20px;
}
.eniv-invoice-columns > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}
.eniv-invoice-columns > div:first-child {
	padding-right: 30px;
}
.eniv-invoice-columns > div:last-child {
	padding-left: 30px;
	border-left: 2px solid #176cff40;
}
.eniv-invoice-columns > div:first-child > h3 {
	margin-bottom: -10px;
}
.eniv-invoice-method {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border-radius: 12px;
	background: #0d1427;
}
.eniv-invoice-method > img {
	height: 34px;
}
.eniv-invoice-method h2 {
	color: #fafafa;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
}
.eniv-invoice-payment {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	min-height: 180px;
	padding: 0 0 20px;
	text-align: center;
}
.eniv-invoice-payment > img {
	display: block;
}
.eniv-invoice-payment > p {
	color: #8691a6;
	font-size: 12px;
	line-height: 20px;
}
.eniv-invoice-payment > h2 {
	max-width: 100%;
	color: #fafafa;
	font-size: 20px;
	font-weight: 600;
	overflow-wrap: anywhere;
}
.eniv-invoice-payment > .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.eniv-invoice-info {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.eniv-invoice-info > h3 {
	margin-bottom: 2px;
}
.eniv-invoice-info > div {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}
.eniv-invoice-info p:first-child {
	color: #8691a6;
	font-size: 13px;
	line-height: 22px;
}
.eniv-invoice-info p:last-child {
	min-width: 0;
	color: #fafafa;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: right;
	overflow-wrap: anywhere;
}
.eniv-invoice-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.eniv-invoice-total > p {
	color: #fafafa;
	font-size: 14px;
	font-weight: 600;
}
.eniv-invoice-total > div {
	display: flex;
	align-items: center;
	gap: 8px;
}
.eniv-invoice-total > div > p {
	color: #f59e0b;
	font-size: 20px;
	font-weight: 600;
}
.eniv-invoice-total button[data-copy] {
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 8px;
}
.eniv-invoice-meta {
	display: flex;
	gap: 24px;
}
.eniv-invoice-meta > div, .eniv-invoice-meta > a {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-width: 0;
	min-height: 95px;
	padding: 14px 18px;
	border-radius: 14px;
	background: #0d101b;
	text-decoration: none;
}
.eniv-invoice-meta p {
	margin-bottom: 4px;
	color: #8691a6;
	font-size: 11px;
}
.eniv-invoice-meta h2 {
	color: #fafafa;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
}
.eniv-invoice-meta > a h2, .eniv-invoice-meta svg {
	color: #176cff;
}
.eniv-invoice-meta svg {
	flex-shrink: 0;
}
.eniv-item-detail {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}
.eniv-item-detail, .eniv-item-detail * {
	box-sizing: border-box;
}
.eniv-item-detail p, .eniv-item-detail h2, .eniv-item-detail h3 {
	margin: 0;
}
.eniv-item-detail > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 32px;
	min-width: 0;
}
.eniv-item-overview {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 20px;
	border-radius: 18px;
	background: #0d101b;
}
.eniv-item-overview > img {
	display: block;
	width: calc((100% - 12px) / 2);
	height: 254px;
	border-radius: 16px;
	object-fit: cover;
}
.eniv-item-overview > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
	padding: 24px;
}
.eniv-item-overview h2 {
	color: #fafafa;
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	overflow-wrap: anywhere;
}
.eniv-item-overview > div > div:first-of-type {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.eniv-item-overview span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #fafafa;
	font-size: 12px;
	font-weight: 600;
}
.eniv-item-overview p {
	color: #8691a6;
	font-size: 13px;
	line-height: 20px;
}
.eniv-item-overview h3 {
	margin-top: 4px;
	color: #f59e0b;
	font-size: 32px;
	font-weight: 700;
	line-height: 42px;
}
.eniv-item-description, .eniv-item-guide {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 24px;
	border-radius: 16px;
	background: #0d101b;
}
.eniv-item-description > h2, .eniv-item-guide > h2 {
	color: #fafafa;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}
.eniv-item-specs {
	display: flex;
	align-items: center;
	padding: 16px 0;
	border-radius: 16px;
	background: #0d1427;
}
.eniv-item-specs > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	padding: 0 20px;
	text-align: center;
}
.eniv-item-specs > div + div {
	border-left: 2px solid #176cff40;
}
.eniv-item-specs p {
	color: #8691a6;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: .5px;
	text-transform: uppercase;
}
.eniv-item-specs h3 {
	color: #fafafa;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	overflow-wrap: anywhere;
}
.eniv-item-content {
	color: #8691a6;
	font-size: 12px;
	line-height: 20px;
	overflow-wrap: anywhere;
}
.eniv-item-content p {
	margin-bottom: 16px;
}
.eniv-item-content h2, .eniv-item-content h3, .eniv-item-content h4 {
	margin: 0 0 8px;
	color: #fafafa;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
}
.eniv-item-content strong, .eniv-item-content b {
	color: #fafafa;
}
.eniv-item-content a {
	color: #176cff;
}
.eniv-item-content ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
.eniv-item-content ul > li {
	position: relative;
	margin-bottom: 6px;
	padding-left: 24px;
	color: #fafafa;
	font-size: 13px;
	line-height: 20px;
}
.eniv-item-content ul > li::before {
	position: absolute;
	top: 3px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url("/assets/images/eniv-item-check.svg") center / contain no-repeat;
	content: "";
}
.eniv-item-content ol {
	margin: 0 0 16px;
	padding-left: 20px;
}
.eniv-item-content hr {
	margin: 16px 0;
	border: 0;
	border-top: 1px solid #176cff40;
	opacity: 1;
}
.eniv-item-content img {
	max-width: 100%;
	height: auto;
}
.eniv-item-content > :last-child {
	margin-bottom: 0;
}
.eniv-item-note {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.eniv-item-note h3 {
	margin-bottom: 4px;
	color: #facc15;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
}
.eniv-item-note p {
	color: #d4b83a;
	font-size: 13px;
	line-height: 20px;
}
.eniv-item-guide {
	counter-reset: item-step;
}
.eniv-item-guide > div {
	position: relative;
	min-height: 100px;
	padding: 0 0 24px 56px;
	counter-increment: item-step;
}
.eniv-item-guide > div::before {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid #176cff;
	border-radius: 50%;
	background: #176cff33;
	color: #fafafa;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 0 5px #176cff40;
	content: counter(item-step);
}
.eniv-item-guide > div:not(:last-child)::after {
	position: absolute;
	top: 50px;
	bottom: 0;
	left: 17px;
	width: 2px;
	background: linear-gradient(#176cff, #176cff00);
	content: "";
}
.eniv-item-guide > div:last-child {
	min-height: 36px;
	padding-bottom: 0;
}
.eniv-item-guide h3 {
	margin-bottom: 8px;
	color: #fafafa;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
}
.eniv-item-guide p {
	color: #8691a6;
	font-size: 13px;
	line-height: 22px;
}
.eniv-item-detail > .eniv-item-contact {
	position: sticky;
	top: 20px;
	flex: 0 0 32%;
	gap: 12px;
	padding: 24px;
	border-radius: 18px;
	background: #0d101b;
}
.eniv-item-contact > h2 {
	color: #fafafa;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
}
.eniv-item-contact > p {
	color: #8691a6;
	font-size: 12px;
	line-height: 18px;
}
.eniv-item-contact > div:not(.eniv-item-warning) {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 8px;
	padding-bottom: 20px;
	border-bottom: 1px solid #176cff40;
}
.eniv-item-contact a {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 48px;
	padding: 12px 16px;
	border-left: 2px solid var(--contact-color);
	border-radius: 12px;
	background: #0d1427;
	color: #fafafa;
	text-decoration: none;
}
.eniv-item-contact [data-platform="whatsapp"] {
	--contact-color: #25d366;
	--contact-background: #25d36624;
}
.eniv-item-contact [data-platform="telegram"] {
	--contact-color: #2aabee;
	--contact-background: #2aabee24;
}
.eniv-item-contact [data-platform="discord"] {
	--contact-color: #5865f2;
	--contact-background: #5865f224;
}
.eniv-item-contact [data-platform="facebook"] {
	--contact-color: #284af5;
	--contact-background: #284af524;
}
.eniv-item-contact a > span:first-child {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	background: var(--contact-background);
}
.eniv-item-contact a > p {
	flex: 1;
	font-size: 14px;
	font-weight: 600;
}
.eniv-item-contact a > span:last-child {
	padding: 4px 10px;
	border-radius: 10px;
	background: #13213d;
	font-size: 12px;
	font-weight: 600;
}
.eniv-item-contact a:hover {
	background: #101d36;
}
.eniv-item-warning {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 8px;
	padding: 12px;
	border: 1px solid #f59e0b4a;
	border-radius: 12px;
	background: #f59e0b1a;
}
.eniv-item-warning > img {
	flex-shrink: 0;
}
.eniv-item-warning p {
	color: #f59e0b;
	font-size: 12px;
	line-height: 18px;
}
.eniv-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	min-height: 360px;
	padding: 48px 24px;
	border-radius: 20px;
	text-align: center;
}
.eniv-empty > svg {
	margin-bottom: 8px;
	color: #176cff;
}
.eniv-empty > div:first-child {
	color: #176cff;
	font-size: 100px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 4px;
	text-shadow: 0 0 40px #176cff40;
}
.eniv-empty h2 {
	margin: 0;
	color: #fafafa;
	font-size: 24px;
	font-weight: 600;
	line-height: 34px;
}
.eniv-empty p {
	max-width: 480px;
	margin: 0;
	color: #8691a6;
	font-size: 14px;
	line-height: 24px;
}
.eniv-empty > .btn {
	margin-top: 8px;
}
.eniv-empty > div:last-child {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 8px;
}
.eniv-empty .btn-outline-primary {
	--bs-btn-color: #176cff;
	--bs-btn-border-color: #176cff40;
	--bs-btn-hover-color: #fafafa;
	--bs-btn-hover-bg: #176cff;
	--bs-btn-hover-border-color: #176cff;
	--bs-btn-active-color: #fafafa;
	--bs-btn-active-bg: #176cff;
	--bs-btn-active-border-color: #176cff;
}
@media (max-width: 1199px) {
	.eniv-products-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
	.eniv-products-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px 12px;
	}
	.eniv-product > div {
		padding: 12px;
	}
	.eniv-product h3 {
		font-size: 13px;
	}
	.eniv-product > div > p {
		font-size: 15px;
	}
}
@media (max-width: 359px) {
	.eniv-products-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}
@media (max-width: 1399px) {
	.eniv-stats > div {
		gap: 14px;
		padding-right: 20px;
		padding-left: 20px;
	}
}
@media (max-width: 1199px) {
	.eniv-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.eniv-stats > div:nth-of-type(3)::before {
		display: none;
	}
	.eniv-stats > div:nth-of-type(n + 3) {
		border-top: 1px solid rgb(23 108 255 / 20%);
	}
}
@media (max-width: 575px) {
	.eniv-stats {
		grid-template-columns: minmax(0, 1fr);
	}
	.eniv-stats > div {
		min-height: 104px;
		padding: 22px 24px;
	}
	.eniv-stats > div + div {
		border-top: 1px solid rgb(23 108 255 / 20%);
	}
	.eniv-stats > div + div::before {
		display: none;
	}
}
@media (max-width: 767px) {
	.eniv-guide-heading h2 {
		font-size: 30px;
		line-height: 42px;
	}
	.eniv-guide-heading > p:last-child {
		font-size: 14px;
		line-height: 24px;
	}
	.eniv-guide-marker {
		flex-basis: 48px;
	}
	.eniv-guide-content {
		padding-left: 12px;
	}
	.eniv-guide-step-heading h3 {
		font-size: 16px;
		line-height: 24px;
	}
	.eniv-guide-note {
		padding: 16px;
	}
}
@media (max-width: 1199px) {
	.eniv-benefits-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
	.eniv-benefits-heading h2 {
		font-size: 30px;
		line-height: 42px;
	}
	.eniv-benefits-heading > p:last-child {
		font-size: 14px;
		line-height: 24px;
	}
	.eniv-benefits-grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.eniv-benefits-grid > .eniv-article {
		padding: 28px 24px;
	}
}
@media (max-width: 1399px) {
	.eniv-footer-top {
		grid-template-columns: 1.4fr .8fr 220px 1.2fr;
		gap: 32px;
	}
}
@media (max-width: 1199px) {
	.eniv-footer-top {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
	.eniv-footer {
		padding-top: 32px;
	}
	.eniv-footer-top {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}
	.eniv-footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		padding-top: 24px;
	}
}
@media (max-width: 767px) {
	.eniv-navbar-top {
		flex-wrap: wrap;
		gap: 12px;
	}
	.eniv-navbar-top > a:last-child {
		margin-left: auto;
	}
	.eniv-navbar-top form {
		order: 3;
		flex-basis: 100%;
	}
	.eniv-navbar-bottom {
		gap: 24px;
		margin-top: 12px;
	}
}