/* Rubik loaded via Google Fonts in HTML */

/* Legacy local font paths (optional fallback) */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-BlackItalic.eot');
    src: local('Rubik Black Italic'), local('Rubik-BlackItalic'), url('../fonts/Rubik/Rubik-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik/Rubik-BlackItalic.woff2') format('woff2'), url('../fonts/Rubik/Rubik-BlackItalic.woff') format('woff'), url('../fonts/Rubik/Rubik-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Bold.eot');
    src: local('Rubik Bold'), local('Rubik-Bold'), url('../fonts/Rubik/Rubik-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik/Rubik-Bold.woff2') format('woff2'), url('../fonts/Rubik/Rubik-Bold.woff') format('woff'), url('../fonts/Rubik/Rubik-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-BoldItalic.eot');
    src: local('Rubik Bold Italic'), local('Rubik-BoldItalic'), url('../fonts/Rubik/Rubik-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik/Rubik-BoldItalic.woff2') format('woff2'), url('../fonts/Rubik/Rubik-BoldItalic.woff') format('woff'), url('../fonts/Rubik/Rubik-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Medium.eot');
    src: local('Rubik Medium'), local('Rubik-Medium'), url('../fonts/Rubik/Rubik-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik/Rubik-Medium.woff2') format('woff2'), url('../fonts/Rubik/Rubik-Medium.woff') format('woff'), url('../fonts/Rubik/Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Italic.eot');
    src: local('Rubik Italic'), local('Rubik-Italic'), url('../fonts/Rubik/Rubik-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik/Rubik-Italic.woff2') format('woff2'), url('../fonts/Rubik/Rubik-Italic.woff') format('woff'), url('../fonts/Rubik/Rubik-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-MediumItalic.eot');
    src: local('Rubik Medium Italic'), local('Rubik-MediumItalic'), url('../fonts/Rubik/Rubik-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik/Rubik-MediumItalic.woff2') format('woff2'), url('../fonts/Rubik/Rubik-MediumItalic.woff') format('woff'), url('../fonts/Rubik/Rubik-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Regular.eot');
    src: local('Rubik Regular'), local('Rubik-Regular'), url('../fonts/Rubik/Rubik-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik/Rubik-Regular.woff2') format('woff2'), url('../fonts/Rubik/Rubik-Regular.woff') format('woff'), url('../fonts/Rubik/Rubik-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Black.eot');
    src: local('Rubik Black'), local('Rubik-Black'), url('../fonts/Rubik/Rubik-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik/Rubik-Black.woff2') format('woff2'), url('../fonts/Rubik/Rubik-Black.woff') format('woff'), url('../fonts/Rubik/Rubik-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Light.eot');
    src: local('Rubik Light'), local('Rubik-Light'), url('../fonts/Rubik/Rubik-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik/Rubik-Light.woff2') format('woff2'), url('../fonts/Rubik/Rubik-Light.woff') format('woff'), url('../fonts/Rubik/Rubik-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-LightItalic.eot');
    src: local('Rubik Light Italic'), local('Rubik-LightItalic'), url('../fonts/Rubik/Rubik-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik/Rubik-LightItalic.woff2') format('woff2'), url('../fonts/Rubik/Rubik-LightItalic.woff') format('woff'), url('../fonts/Rubik/Rubik-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

*,
::after,
::before {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box
}

::selection {
    color: #fff;
    background: #6a33f4
}

html {
    height: 100%;
}

body {
    background: #fff;
    color: #4b4f59;
    font-family: "Rubik", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

a {
    text-decoration: none
}

li,
ol,
ul {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin: 0 0 15px;
    background: none;
    color: #252831;
    line-height: 1.30em;
}

h1 {
    font-size: 52px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

input,
textarea {
    outline: 0
}

button i {
    font-size: 16px !important
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    background: #f3f8fb;
    background-image: linear-gradient(135deg, #f3f8fb, #e3e9ed);
}

header {
    margin: 0;
    padding: 20px;
    background: #fff;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .1);
    z-index: 1
}

.header-menu {
    display: flex;
    justify-content: space-between
}

.header-menu div {
    display: flex;
    align-items: center
}

.header-menu-logo img {
    width: 32px;
    margin-right: 10px;
    transition: all .6s ease;
}

.header-menu-logo:hover img {
    transform: rotate(360deg)
}

.header-menu-logo:hover .site-name {
    color: #5310cd;
}

.site-name {
    color: #252831;
    font-size: 28px;
    font-weight: 100;
}

.site-name:hover {
    color: #5310cd;
}

.ul-pc-menu,
nav.ul-pc-menu {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 0 1.25rem;
}

.ul-pc-menu li {
    margin-right: 20px
}

.ul-pc-menu li:last-child {
    margin-right: 0
}

nav.ul-pc-menu a {
    margin-right: 0;
}

.ul-mob-menu a {
    font-size: 16px;
    font-weight: 500;
    color: #676b75;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    transition-duration: .3s;
    cursor: pointer;
    text-decoration: none;
}

.ul-pc-menu a {
    font-size: 16px;
    font-weight: 500;
    color: #676b75;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none;
}

.ul-mob-menu a:hover {
    color: #6a33f4
}

.ul-mob-menu a:hover i {
    margin-right: 25px;
}

.ul-mob-menu a.active {
    color: #6a33f4
}

.ul-pc-menu a:hover {
    color: #252831
}

.ul-pc-menu a.active {
    color: #6a33f4
}

.ul-mob-menu img,
.ul-pc-menu img {
    width: 32px;
    margin-right: 3px
}

.ul-mob-menu i,
.ul-pc-menu i {
    margin-right: 20px;
    width: 10px;
    margin-bottom: 5px;
    transition: all .3s ease;
}

.additional-menu i {
    cursor: pointer;
    font-size: 25px;
    margin-top: 4px;
    color: #252831;
    transition-duration: .3s
}

.additional-menu i:hover {
    opacity: .9
}

#addMenu {
    position: absolute;
    background: #eff3f6;
    margin-left: 515px;
    z-index: 1000;
    top: 70px;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: #d3d3d3 2px 2px 0;
    border-radius: 5px;
    padding: 5px 10px
}

#addMenu li {
    padding: 5px 0
}

.mob-menu {
    display: none;
    margin-right: 5px
}

.auth-box {
    margin-left: 20px;
    border-left: 2px solid #e3e9ed;
    padding-left: 20px;
}

.auth-box_icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 6px;
    transition: all .3s ease;
}

.auth-box_icon i:before {
    transition: all .3s ease;
}

.auth-box > a.auth-box_icon:first-of-type i {
    background: #6a33f4;
    color: #fff;
}

.auth-box_icon:hover i:before {
    transform: scale(1.1) rotate(360deg)
}

.auth-box > a.auth-box_icon:first-of-type:hover i {
    background: #252831;
    color: #fff;
}

.auth-box > a.auth-box_icon:last-of-type i {
    background: #df2839;
    color: #fff;
}

.auth-box > a.auth-box_icon:last-of-type:hover i {
    background: #252831;
    color: #fff;
}

.right-mob-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: min(100vw, 320px);
    max-width: 88vw;
    height: 100vh;
    height: 100dvh;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, .7);
    border-right: 2px solid rgba(0, 0, 0, .1);
    box-sizing: border-box;
    z-index: 1200;
    overflow: hidden;
    transform: translateX(-100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s;
    visibility: hidden;
}

.mob-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1150;
    background: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

.right-mob-menu.show {
    transform: translateX(0);
    visibility: visible;
}

.mob-backdrop.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.right-mob-menu.show + .main {
    left: 0;
}

.ul-mob-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 20px;
    margin: 50px 30px 0;
}

.ul-mob-menu li {
    width: 100%;
    margin: 10px 0;
    border-bottom: 2px solid rgba(0, 0, 0, .05);
    padding-bottom: 10px
}

.ul-mob-menu li:first-child {
    margin-top: 0;
}

.ul-mob-menu li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.ul-mob-menu img {
    width: 40px;
    margin-right: 5px
}

.close-mob-menu {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background: rgba(255, 30, 62, .1);
    color: #fff;
    padding: 10px 10px 9px 10px;
    font-size: 15px;
    border-radius: 100%;
    transition: all .3s ease;
}

.close-mob-menu:hover {
    background: #ff1e3e;
}

.close-mob-menu {
    border: none;
    cursor: pointer;
    line-height: 1;
}

main {
    text-align: center;
    text-align: -webkit-center
}

.main {
    width: 100%;
    min-height: 500px;
    margin: 0 auto;
}

.content-block {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: -moz-center
}

.auth-block {
    margin-bottom: 45px
}

.auth-block form {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 95%;
    max-width: 400px;
    margin: 0 auto
}

.auth-block form input,
.user-input {
    padding-left: 10px !important;
    margin-right: 10px !important;
    background-color: #f8f8f8 !important;
    margin-bottom: 0 !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 3px !important;
    padding-right: 10px !important;
    box-shadow: 1px 1px 1px lightgrey !important
}

.auth-block form input::placeholder,
.user-input::placeholder {
    text-transform: uppercase;
    color: darkgrey;
    font-size: 15px
}

.auth-block form input:focus,
.auth-block form input:hover,
.user-input:focus,
.user-input:hover,
textarea:focus,
textarea:hover {
    border: 1px solid #526272 !important
}

.auth-block form button {
    background-color: #113255 !important;
    color: #f5f5f5;
    line-height: initial;
    height: auto;
    margin-bottom: .5px
}

.dark-btn {
    background-color: #113255 !important;
    color: #f5f5f5;
    height: 45px;
    line-height: 45px
}

.auth-pincode {
    margin-bottom: 15px;
    font-size: 18px;
    margin-top: -5px
}

.fast-auth {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eff3f6;
    margin: 20px auto;
    padding: 15px 0;
    width: 95%;
    max-width: 400px;
    border-radius: 3px;
    box-shadow: 0 1px 1px lightgrey !important
}

.fast-auth p {
    font-size: 15px;
    margin-right: 10px;
    margin-left: 10px !important;
    text-transform: uppercase;
    margin-bottom: -2px
}

.ulogin-buttons-container div {
    border-radius: 5px !important
}

.sign-bonus {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    width: 95%;
    max-width: 400px;
    margin: 0 auto
}

.sign-bonus span {
    margin-left: 5px;
    color: #cd5c5c;
    font-weight: 500
}

.sign-bonus img {
    margin-bottom: 3px;
    margin-left: 7px;
    border-radius: 50%;
    border: 2px solid #e3e9ed;
    padding: 3px
}

.about-block,
.partners-block {
    background: #eff3f6;
    margin-top: 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.about-block p,
.partners-block p {
    max-width: 400px;
    margin: 15px;
    color: #272727;
    font-size: 18px;
    text-align: left;
    text-align: -webkit-left
}

.about-block img,
.partners-block img {
    max-width: 300px;
    margin: 15px
}

.disabled-form {
    pointer-events: none !important
}

.tariffs-block .head {
    margin-top: 45px;
    margin-bottom: 10px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.multiple-tariffs-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.tariff-card {
    margin: 15px;
    padding: 10px;
    background: #eff3f6;
    width: 95%;
    max-width: 280px;
    border-radius: 5px;
    box-shadow: 2px 2px 0 #d3d3d3
}

.tariff-card p {
    color: #272727;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    margin: 10px;
    border-bottom: 1px solid lightgrey
}

.text-img {
    display: flex;
    align-items: center;
    margin-top: -2px
}

.partners-block {
    margin-top: 40px
}

.bounty-block p {
    margin: 0 auto 25px;
    font-size: 18px;
    width: 85%;
    max-width: 500px;
}

.img-bounty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: -10px
}

.img-bounty img {
    margin: 10px
}

.statistics-block {
    display: flex;
    justify-content: center;
}

.statistics-block .table {
    width: 100%;
    margin: 0;
    background: #fff;
}

.statistics-block .table.green {
    background-image: linear-gradient(-135deg, #2af572, #088d37);
}

.statistics-block .table.red {
    background-image: linear-gradient(-135deg, #f52a2f, #b5254d);
}

.table .table-name {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-align: center;
    background: #252831;
    color: #fff;
    padding: 20px;
}

.table .table-name div {
    font-weight: 500;
    text-transform: uppercase
}

.table .table-name i {
    margin-right: 7px
}

.table .table-content {
    overflow-x: auto
}

.table .table-content table {}

th {
    font-weight: 500
}

td,
th {
    padding: 15px;
    white-space: nowrap
}

tbody {
    color: rgba(0, 0, 0, .87)
}

td {
    font-size: 16px
}

.faq-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.faq-card {
    max-width: 420px;
    width: 95%;
    margin: 10px;
    box-shadow: 2px 2px 0 #d3d3d3;
    border-radius: 5px
}

.faq-top {
    display: flex;
    align-items: center;
    font-size: 17px;
    background: #eff3f6;
    padding: 10px;
    justify-content: flex-start;
    text-align: left;
    text-align: -webkit-left
}

.faq-bottom {
    padding: 15px;
    text-align: left;
    text-align: -webkit-left;
    font-size: 15.5px
}

.contacts-block {
    text-align: left;
    text-align: -webkit-left;
    margin: 0 20px
}

.contacts-block div {
    display: flex;
    align-items: center
}

.contacts-block div img {
    width: 50px;
    margin-right: 7px
}

.contacts-block div a {
    color: #252831;
    font-size: 18px;
    transition-duration: .3s;
}

.contacts-block div a:hover {
    color: #1e90ff
}

.rules-block {
    margin: 0 20px;
    text-align: left;
    text-align: -webkit-left
}

.rules-block p.head {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 1rem
}

.rules-block p.desc {
    margin-bottom: 1rem
}

.grey-block {
    padding: 10px;
    background: #eff3f6;
    width: 95%;
    max-width: 820px;
    border-radius: 5px;
    box-shadow: 1px 1px 0 #d3d3d3;
    margin: 10px;
    color: #272727
}

.grey-block.half {
    max-width: 400px
}

.top-user {
    font-size: 20px;
}

.pay-icon {
    color: brown;
    font-size: 22px;
    line-height: 32px
}

.dep-icon {
    color: #279778;
    font-size: 22px;
    line-height: 32px
}

.mining-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.mining-block div {
    margin: 10px;
    font-size: 20px
}

.mining-block form {
    margin: 10px
}

.deposit-table {
    width: 100% !important;
    max-width: 100% !important;
    background: #f8fafb;
    box-shadow: 1px 1px 0 #d3d3d3 !important
}

#TRX::after {
    content: 'TRX';
    margin-left: 3px
}

#TRX_2::after {
    content: 'TRX';
    margin-left: 5px
}

#TRX_3::after {
    content: 'TRX';
    margin-left: 7px
}

#TRX_4::after {
    content: 'TRX';
    margin-left: 0
}

.pagination {
    transition-duration: .3s;
    overflow-y: auto
}

.pagination .disabled {
    pointer-events: none;
    opacity: .9
}

.pagination ul {
    margin: 10px 5px 5px;
    width: 95%;
    max-width: 420px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 5px
}

.pagination li a {
    cursor: pointer;
    font-size: 1.1em;
    color: #171d21
}

.pagination li a.active {
    background: #113255;
    color: #f5f5f5;
    border-radius: 5px
}

.button-group {
    display: flex;
    flex-direction: column;
    align-items: center
}

.button-group button {
    margin: 8px;
    width: 100%;
    max-width: 200px
}

.linking-social {
    padding: 14px 0
}

.linking-social p {
    font-size: 16px
}

.linking-social #uLogin {
    margin: 17px 0
}

.social-message {
    margin-top: 15px
}

.social-message i {
    margin-bottom: 10px;
    font-size: 25px
}

.social-message p {
    margin-bottom: 15px;
    font-size: 16px
}

.select-group {
    text-align: left;
    text-align: -webkit-left
}

.select-group p {
    margin: 10px 0;
    background: #f8fafb;
    padding: 5px;
    border-radius: 5px
}

.select-group span {
    color: #272727
}

.advt_balance button i,
.deposit button i {
    font-size: 1em !important
}

.fccc {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center
}

.user-input {
    max-width: 200px;
    margin: 10px 0 !important;
    text-align: center;
    text-align: -webkit-center
}

.user-input::placeholder {
    text-transform: none
}

.calculation {
    margin-top: 15px
}

.calculation .left-right {
    display: flex;
    max-width: 220px;
    margin: 10px 0;
    background: #f8fafb;
    padding: 10px;
    border-radius: 3px;
    flex-direction: column;
    align-items: center
}

.calculation .left-right .name {
    border-bottom: 1px solid lightgrey;
    margin-bottom: 5px;
    padding-bottom: 4px
}

.deposit .mb8 {
    margin-bottom: 8px
}

.deposit .mb2 {
    margin-bottom: 2px
}

.user-statistics-table .table-name {
    padding-top: 0
}

.user-statistics-table .table-content {
    background: #f8fafb;
    border-radius: 5px
}

.bonus p {
    max-width: 95%
}

.info-bonus-1 {
    width: 250px;
    line-height: 1.6;
    border-bottom: 2px solid #e3e9ed
}

.info-bonus-1 span {
    color: #2b5283
}

.info-bonus-2 {
    background: #f8fafb;
    border-radius: 3px;
    box-shadow: -2px 0 0 #d3d3d3;
    margin-top: 10px;
    padding: 10px;
    font-weight: 500;
    max-width: 95%
}

.info-bonus-2 p {
    max-width: 350px
}

.info-bonus-2 a {
    color: #2b5283;
    font-weight: 500
}

.info-bonus-3 {
    border-radius: 3px;
    padding: 5px 5px 0;
    margin-top: 15px;
    font-weight: 500
}

.info-bonus-4 p {
    margin: 10px 0;
    background: #f8fafb;
    padding: 8px 5px;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: -2px 0 0 #d3d3d3
}

.white-block-red-text {
    background: #f8fafb;
    padding: 10px;
    border-radius: 5px;
    margin: 10px auto 15px;
    font-weight: 500;
    color: #cd5c5c;
}

.ptcads {
    min-height: 284px
}

.ptcads ul.splide__pagination {
    padding: 0 5px;
    bottom: auto
}

.ptc-block {
    background: #f8fafb;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 0 #d3d3d3;
    width: 100%;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    text-align: -webkit-left
}

.top-ptc {
    margin-bottom: -4px
}

.top-ptc .name {
    margin: 5px 10px 10px;
    font-size: 16px;
}

.quest-block .name i,
.shortlinks-block .name i,
.top-ptc .name i {
    color: #0277bd
}

.top-ptc .desc {
    margin: 10px;
    color: #555;
    width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-ptc .desc i {
    color: #708090
}

.center-ptc {
    display: flex;
    align-items: center;
    margin: 0 5px 5px
}

.center-ptc p {
    margin: 5px;
}

.advt-type .reward,
.center-ptc .reward i,
.leaderboard-contest .table i,
.quest-block .reward i,
.shortlinks-block .reward i {
    color: #f8cf6a
}

.advt-type .timer,
.center-ptc .timer i,
.middle-contest .desc span i {
    color: #db7093
}

.bottom-contest p i,
.center-ptc .remain i {
    color: #5f9ea0
}

.bottom-ptc {
    margin: 5px 10px 10px
}

.add_ads p {
    font-size: 16px
}

.add_ads .select-group p {
    padding: 10px;
    width: 230px;
    font-weight: 500
}

.topup_ad {
    display: flex;
    align-items: center
}

.topup_ad input {
    margin: 0 !important;
    width: 150px !important
}

.topup_ad button {
    margin-left: 10px
}

.topup_ad button i {
    font-size: 1em !important
}

.edit_ad {
    margin-top: 10px
}

.edit_ad button {
    width: 72px;
    height: 40px;
    line-height: 40px
}

.bounty button i,
.edit_ad button i {
    font-size: 1em !important
}

.bounty .left-white-block {
    text-align: left;
    text-align: -webkit-left;
    margin: 5px 0;
    background: #f8fafb;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px
}

.ref_link {
    display: flex;
    align-items: center
}

.ref_link input {
    max-width: none;
    margin-right: 7px !important
}

.ref_link i {
    color: #f5f5f5;
    background: #113255;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 1px 1px 1px lightgrey;
    transition-duration: .3s
}

.ref_link i:hover {
    background: #1b426c
}

.info-ref-bonus {
    text-align: left;
    text-align: -webkit-left;
    margin: 10px 0;
    background: #f8fafb;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px
}

.progress-ref-bonus {
    display: flex;
    justify-content: space-between;
    margin: 5px;
    font-size: 16px
}

.ref-stat {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    background: #f8fafb;
    padding: 0 5px;
    border-radius: 5px
}

.ref-stat p {
    display: flex;
    font-size: 16px;
    padding: 10px 5px;
    border-bottom: 1px solid lightgrey;
    justify-content: space-between
}

.ref-stat p:last-of-type {
    border-bottom: none
}

.ref-stat p span:last-of-type {
    font-size: 17px
}

.ref-banner img {
    border-radius: 3px
}

.ref-banner p {
    margin-top: 10px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.table-referrals .table-name {
    margin-left: -10px
}

.table-referrals .table-name a {
    cursor: pointer;
    color: #272727;
    background: #f8fafb;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #e4eaee;
    transition-duration: .3s
}

.table-referrals .table-name a.active,
.table-referrals .table-name a:hover {
    border: 2px solid lightgrey
}

.table-referrals .table-content {
    margin-bottom: 10px
}

.shortlinks-block {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    background: #f8fafb;
    padding: 10px;
    border-radius: 3px;
    align-items: center
}

.shortlinks-block div {
    text-align: left;
    text-align: -webkit-left
}

.shortlinks-block div p {
    margin: 5px
}

.next-view {
    text-align: center !important;
    text-align: -webkit-center !important
}

.next-view i {
    color: #4caf50
}

.quests .head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
    font-size: 18px
}

.quest-block {
    margin: 15px 0;
    background: #f8fafb;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 1px 0 #d3d3d3
}

.quest-block .name {
    text-align: left;
    text-align: -webkit-left;
    background: #eff3f6;
    padding: 10px;
    border-radius: 3px
}

.quest-block .total-progress {
    margin-top: 15px;
    color: #252831;
    font-size: 16px
}

.quest-block .progress {
    margin: 5px 0 20px;
    width: 100%;
    background-color: #d3d3d3
}

.quest-block .reward {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500
}

.top-contest {
    display: flex;
    align-items: center;
    width: 95%;
    max-width: 800px
}

.top-contest .head {
    font-size: 30px;
    margin-bottom: 15px
}

.top-contest span {
    font-weight: 500
}

.middle-contest {
    width: 95%;
    max-width: 800px;
    background: #f8fafb;
    border-radius: 3px;
    box-shadow: 1px 1px 0 #d3d3d3;
    margin-top: 20px
}

.middle-contest .head {
    text-align: left;
    text-align: -webkit-left;
    background: #eff3f6;
    padding: 10px 10px 7px;
    border-radius: 3px;
    font-size: 18px
}

.middle-contest .head i {
    color: #0277bd
}

.middle-contest .desc {
    text-align: left;
    text-align: -webkit-left;
    padding: 7px 10px;
    display: flex;
    flex-direction: column
}

.middle-contest .desc span {
    padding: 10px;
    font-size: 15px;
    background: #eff3f6;
    margin: 7px 0;
    border-radius: 3px;
    color: rgba(0, 0, 0, .87)
}

.bottom-contest {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: -10px
}

.bottom-contest p,
.status-contest p {
    background: #eff3f6;
    width: 95%;
    max-width: 390px;
    padding: 10px;
    margin: 10px;
    color: #000;
    border-radius: 3px;
    box-shadow: 1px 1px 0 #d3d3d3;
    font-size: 18px
}

.status-contest p {
    max-width: 800px;
    margin-bottom: 0;
    font-size: 16px;
    box-shadow: 0 1px 0 #d3d3d3
}

.leaderboard-contest .table {
    max-width: 800px;
    box-shadow: 1px 1px 0 #d3d3d3
}

.leaderboard-contest .table .table-name {
    justify-content: center;
}

.leaderboard-contest .place {
    border: 2px solid #595959;
    border-radius: 3px;
    width: 30px;
    background: #fbfbfb
}

.messages .user-choice {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-y: auto;
    padding-bottom: 2px
}

.user-choice .user-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    color: #272727;
    background: #f8fafb;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #e4eaee;
    transition-duration: .3s
}

.user-choice .user-block.active,
.user-choice .user-block:hover {
    border: 2px solid lightgrey
}

.user-block .user-id {
    margin-right: 10px;
    border-right: 2px solid #e3e9ed;
    padding-right: 10px
}

.messages .message-block {
    color: #272727;
    background: #f8fafb;
    border-radius: 5px;
    margin: 9px 5px 5px;
    height: 350px;
    border: 2px solid #e4eaee;
    border-bottom: none;
    box-shadow: 0 1px 0 #d3d3d3
}

.message-block .current-messages {
    height: 80%;
    border-bottom: 2px solid #e0e4e9;
    overflow: hidden;
    overflow-y: auto
}

.current-messages .recipient,
.current-messages .sender {
    display: flex;
    justify-content: space-between;
    margin: 15px 10px;
    padding: 3px 0;
    background: #eff3f6;
    border-radius: 5px;
    box-shadow: 0 1px 0 #d3d3d3
}

.icon-name-message {
    display: flex;
    align-items: center
}

.icon-name-message img {
    width: 40px
}

.name-message {
    text-align: left;
    text-align: -webkit-left
}

.name-message p {
    margin: 5px 10px
}

.date-msg {
    color: #606060;
    font-size: 12px
}

.message-block .write-messages {
    height: 20%;
    background: #eff3f6
}

.write-messages form {
    display: flex;
    align-items: center;
    justify-content: center
}

.write-messages textarea {
    height: 50px;
    resize: none;
    background: #f8fafb;
    margin: 10px;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    padding: 7px;
}

.write-messages textarea::placeholder {
    color: darkgrey
}

.write-messages button {
    margin-right: 10px;
    border-radius: 50%;
    padding: 0 15px 0 12px;
    height: auto
}

#admPage form {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 300px
}

#admPage form input {
    max-width: none;
    width: 230px;
    margin: 5px !important
}

#admPage form button {
    width: 252px;
    margin-top: 10px
}

#admPage a.btn {
    width: 100%;
    max-width: 150px;
    display: block;
    margin: 10px
}

#admPage .p-adm-left {
    max-width: 250px;
    text-align: left;
    text-align: -webkit-left
}

#admPage .bounty_adm p {
    font-size: 16px;
    margin: 5px
}

footer {
    text-align: center;
    text-align: -webkit-center
}

.footer {
    padding: 20px;
    background: #fff;
    box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, .1);
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #eff3f6;
    z-index: 1001
}

.loaded_hiding .preloader {
    transition: .3s opacity;
    opacity: 0
}

.loaded .preloader {
    display: none
}

.loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%)
}

.heading {
    color: #323a3f;
    margin-bottom: 1em;
    font-size: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.heading img {
    width: 64px;
    margin-bottom: 10px;
}

.loading {
    display: flex;
    width: 5em;
    align-items: center;
    justify-content: center
}

.load {
    width: 23px;
    height: 3px;
    background-color: #505963;
    animation: 1s move_5011 infinite;
    border-radius: 5px;
    margin: .1em
}

.load:nth-child(1) {
    animation-delay: .2s
}

.load:nth-child(2) {
    animation-delay: .4s
}

.load:nth-child(3) {
    animation-delay: .6s
}

@keyframes move_5011 {
    0% {
        width: .2em
    }

    25% {
        width: .7em
    }

    50% {
        width: 1.5em
    }

    100% {
        width: .2em
    }
}

.burger {
    position: relative;
    width: 32px;
    height: 24px;
    background: 0 0;
    cursor: pointer
}

.burger input {
    display: none
}

.burger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #252831;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease;
    transition: .25s ease
}

.burger span:nth-of-type(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.burger span:nth-of-type(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.burger span:nth-of-type(3) {
    top: 100%;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

input:not([type]):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #113255;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress {
    height: 5px;
    width: 95%;
    max-width: 400px;
    background-color: #4c5671;
    border-radius: 2px;
    margin: 20px 0 35px
}

.progress .indeterminate {
    background-color: #9da9c1
}

#gt_float_wrapper {
    bottom: 5px !important;
    left: 10px !important
}

.gt_float_switcher {
    font-size: 15px !important;
    opacity: .9 !important
}

.gt_float_switcher img {
    width: 20px !important
}

.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 7px 10px !important
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {
    display: none
}

body::-webkit-scrollbar {
    width: 0px
}

body::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .05);
    padding: 5px
}

body::-webkit-scrollbar-thumb {
    background: #252831;
}

#upPage div::-webkit-scrollbar,
ul::-webkit-scrollbar {
    height: 4px
}

#upPage div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .0);
    padding: 5px
}

#upPage div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb {
    background: #252831;
    border-radius: 10px
}

.current-messages::-webkit-scrollbar {
    width: 4px
}

.current-messages::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .05);
    padding: 5px
}

.current-messages::-webkit-scrollbar-thumb {
    background: #252831;
    border-radius: 10px
}

.swal2-title {
    font-weight: 500 !important
}

.swal2-container {}

.animated-dots {
    color: #6e6e6e;
    font-size: 1em;
    -webkit-animation: anim 1.5s linear infinite;
    animation: anim 1.5s linear infinite
}

@-webkit-keyframes anim {
    0% {
        opacity: .7
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 0
    }
}

@keyframes anim {
    0% {
        opacity: .7
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 0
    }
}

[type=radio].with-gap:checked + span:after,
[type=radio].with-gap:checked + span:before,
[type=radio]:checked + span:after {
    border: 2px solid #2b5283
}

[type=radio].with-gap:checked + span:after,
[type=radio]:checked + span:after {
    background-color: #2b5283
}

.splide__pagination__page.is-active {
    background: #0277bd;
    transform: scale(1.4);
    z-index: 1
}

.splide.is-focus-in .splide__pagination__page:focus,
.splide__pagination__page:focus-visible {
    outline: 0;
    outline-offset: 3px
}

table.centered tbody tr td,
table.centered thead tr th {
    text-align: center;
    text-align: -webkit-center
}

.ml3 {
    margin-left: 3px
}

.ml5 {
    margin-left: 5px
}

.ml7 {
    margin-left: 7px
}

.ml10 {
    margin-left: 10px
}

.mr0 {
    margin-right: 0 !important
}

.mr2 {
    margin-right: 2px
}

.mr5 {
    margin-right: 5px
}

.mr7 {
    margin-right: 7px
}

.mr10 {
    margin-right: 10px
}

.m0 {
    margin: 0
}

.mb0 {
    margin-bottom: 0
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px !important
}

.mb35 {
    margin-bottom: 35px
}

.mb55 {
    margin-bottom: 55px
}

.mb-10 {
    margin-bottom: -10px
}

.mt0 {
    margin-top: 0
}

.mt2 {
    margin-top: 2px
}

.mt3 {
    margin-top: 3px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt-10 {
    margin-top: -10px
}

.pad10 {
    padding: 10px
}

.ls5 {
    letter-spacing: .5px
}

.lh16 {
    line-height: 1.6
}

.fw500 {
    font-weight: 500
}

.w220 {
    width: 220px
}

.w230 {
    width: 230px
}

.w240 {
    width: 240px
}

.w250 {
    width: 250px
}

.mw200 {
    max-width: 200px !important
}

.mw210 {
    max-width: 210px !important
}

.fs09 {
    font-size: .9em !important
}

.fs14 {
    font-size: 14px
}

.fs16 {
    font-size: 16px
}

.fs17 {
    font-size: 17px
}

.blue-1 {
    color: #1e90ff
}

.seagreen {
    color: #2e8b57
}

.indianred {
    color: #cd5c5c !important
}

.darkgreen {
    color: #006400 !important
}

.fc {
    display: flex;
    align-items: center
}

.fcc {
    display: flex;
    align-items: center;
    justify-content: center
}

.fccw {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap
}

.none {
    display: none
}

.d-flex {
    display: flex
}

@media screen and (max-width:1199.98px) {
    .ul-pc-menu,
    nav.ul-pc-menu {
        display: none !important
    }

    .auth-box_icon--menu {
        display: inline-flex !important
    }

    .pc-show {
        display: none
    }
}

@media screen and (min-width:1200px) {
    nav.ul-pc-menu {
        display: flex
    }

    .auth-box_icon--menu {
        display: none !important
    }
}

@media screen and (min-width:1200px) {
    .pc-none {
        display: none
    }

    .pc-show {
        display: block
    }
}

@media screen and (max-width:500px) {
    .about-block {
        flex-direction: column-reverse
    }

    .about-block p,
    .partners-block p {
        font-size: 17px
    }

    .about-block img,
    .partners-block img {
        max-width: 80%
    }

    .bounty-block p {
        font-size: 16px
    }

    .stat-block div {
        width: 95%
    }

    .top-contest {
        flex-wrap: wrap;
        justify-content: center
    }

    .top-contest .head {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 25px
    }

    .top-contest .fs17 {
        font-size: 16px
    }

    .bottom-contest {
        flex-direction: column
    }

    .grey-block {
        max-width: 400px
    }

    .mining-block {
        flex-direction: column
    }

    .ptcads {
        min-height: 293px
    }

    .top-ptc .desc {
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media screen and (max-width:350px) {
    .site-name {
        display: none
    }
}

.section {
    background: #fff;
    padding: 80px 0 80px 0;
}

.section-two {
    background: transparent;
    padding: 80px 0 80px 0;
}

.section-three {
    background-image: linear-gradient(-135deg, #252831, #383c48);
    padding: 80px 0 80px 0;
}

.section-three h1 {
    color: rgba(255, 255, 255, 1);
}

.section-three h6 {
    color: rgba(255, 255, 255, .7);
}

.section-three p {
    color: rgba(255, 255, 255, .4);
}

.section-texts {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.section-texts h1 {
    margin-bottom: 0;
}

.section-texts h6 {
    margin-bottom: 20px;
}

.section-texts p {
    margin-bottom: 10px;
}

.section-texts p:last-child {
    margin-bottom: 0;
}

.section-texts.section-texts_center {
    align-items: center;
}

.section-texts.section-texts_center p {
    text-align: center;
}

.page-hero {
    position: relative;
    background: linear-gradient(165deg, #f2f3f7 0%, #e8eaf0 100%);
    padding: 100px 0 30px 0;
}



@media (min-width: 1000px) {
    .section img {
        max-width: 450px;
        margin: 15px;
    }
}

.hero-buttons {
    margin-top: 35px;
    display: flex;
    align-items: center;
}

.hero-buttons.center {
    justify-content: center;
}

.hero-buttons a {
    overflow: unset;
    position: relative;
    margin-right: 10px;

}

.hero-buttons a:after {
    content: "";
    display: block;
    position: absolute;
    background: #000;
    width: 80%;
    opacity: 0;
    filter: blur(20px);
    border-radius: 10px;
    left: 21px;
    bottom: -20px;
    height: 21px;
    moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.hero-buttons a:hover:after {
    opacity: .2;
}

.hero-buttons a:last-child {
    margin-right: 0;
}

.btn-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(to right, #f2994a, #f2c94c, #ffde78, #f2c94c);
    background-size: 200% 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 15px 25px;
    color: #252831;
    border-radius: 6px;
    text-decoration: none;
    moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-hero i {
    margin-right: 10px;
    moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-hero:hover {
    color: #252831;
    background-position: 100% 200%;
    moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-hero:hover i {
    transform: scale(1.4) rotate(340deg)
}

.btn-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(to right, #5310cd, #7c35ff, #a782eb, #7c35ff);
    background-size: 200% 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 15px 25px;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-main i {
    margin-right: 10px;
    moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-main:hover {
    color: #fff;
    background-position: 100% 200%;
    moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-main:hover i {
    transform: scale(1.4) rotate(340deg)
}

@media (max-width: 768px) {
    .section-texts {
        text-align: center;
    }

    .hero-buttons {
        justify-content: center;
    }
}

.stats-card {
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .2);
    margin-bottom: 30px;
    transition: all .6s ease;
}

.stats-card:hover .stats-card_icon {
    transform: scale(1.2) rotate(360deg)
}

.stats-card:hover {
    transform: translateY(-10px)
}

.stats-card.stats-card_color1 {
    background-image: linear-gradient(-135deg, #009efd, #0065fd);
}

.stats-card.stats-card_color2 {
    background-image: linear-gradient(-135deg, #8e45f1, #3e1574);
}

.stats-card.stats-card_color3 {
    background-image: linear-gradient(-135deg, #2af572, #088d37);
}

.stats-card.stats-card_color4 {
    background-image: linear-gradient(-135deg, #f52a2f, #b5254d);
}

.stats-card_head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.stats-card_icon {
    background: rgba(0, 0, 0, .1);
    padding: 10px;
    font-size: 22px;
    border-radius: 6px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.stats-card_texts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 30px;
}

.stats-card_title {
    font-size: 16px;
    color: #fff;
}

.stats-card_value {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.stats-card_bottom {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.stats-card_info {
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
}

.stats-card_num {
    background-image: linear-gradient(135deg, #11151c, #1a182e);
    border-radius: 6px;
    padding: 3px 6px;
}

.stats-card_num span {
    color: #fff;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.advanced-title {
    background-image: linear-gradient(-135deg, #5310cd, #7c35ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.advanced-title-two {
    background-image: linear-gradient(-135deg, #f2c94c, #f2994a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Investment plan cards */
.plans-grid {
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1rem, 2.5vw, 1.5rem);
    align-items: stretch;
}

.invest-carousel-plans__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
}

.invest-carousel-plans__new {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background: #252831;
    box-shadow: var(--pm-shadow, 0 12px 40px rgba(0, 0, 0, 0.45));
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.invest-carousel-plans__inner:hover .invest-carousel-plans__new,
.invest-carousel-plans__inner:focus-within .invest-carousel-plans__new {
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(124, 53, 255, 0.28);
}

.invest-carousel-plans__top {
    display: grid;
    grid-template-columns: minmax(0, 42%) 1fr;
    align-items: stretch;
    min-height: 54px;
    position: relative;
}

.invest-carousel-plans__top-tab {
    position: relative;
    z-index: 2;
    background: #252831;
    border-radius: 10px 0 0 0;
    padding: 1.15rem 0.75rem 0.65rem 1.15rem;
}

.invest-carousel-plans__top-tab::after {
    content: "";
    position: absolute;
    right: -14px;
    bottom: 0;
    width: 24px;
    height: 100%;
    background: #252831;
    transform: skewX(26deg);
    transform-origin: bottom right;
}

.invest-carousel-plans__top-band {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 1rem 0 1.75rem;
    margin-left: -6px;
    background: linear-gradient(-135deg, #5310cd, #7c35ff);
    border-radius: 0 10px 0 0;
}

.invest-carousel-plans__name {
    margin: 0;
    font-size: clamp(1.15rem, 2.8vw, 1.45rem);
    font-weight: 500;
    line-height: 1.15;
}

.invest-carousel-plans__stat {
    font-size: clamp(0.62rem, 1.8vw, 0.75rem);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
}

.invest-carousel-plans__new-card {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 1.35rem 1.35rem;
    background: #252831;
    border-radius: 0 0 10px 10px;
}

.invest-carousel-plans__highlight {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.22);
    border: 1px solid #2d303a;
    color: #fff;
    font-size: clamp(1rem, 2.8vw, 1.25rem);
    font-weight: 500;
    line-height: 1.3;
}

.invest-carousel-plans__highlight i {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    font-size: 1rem;
}

.invest-carousel-plans__highlight b {
    font-weight: 700;
}

.invest-carousel-plans__highlight small {
    font-size: 0.85em;
    font-weight: 500;
}

.invest-carousel-plans__deposit-row {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #2d303a;
}

.invest-carousel-plans__deposit-col {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.invest-carousel-plans__deposit-col:last-child {
    text-align: right;
}

.invest-carousel-plans__new-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 0;
    border-bottom: 1px solid #2d303a;
}

.invest-carousel-plans__new-row:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.invest-carousel-plans__new-label {
    flex-shrink: 0;
    font-size: 0.875rem;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.5);
}

.invest-carousel-plans__new-data {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.35;
    color: #fff;
    word-break: break-word;
}

.invest-carousel-plans__new-data small {
    font-size: 1em;
    font-weight: 500;
    color: inherit;
}

.invest-carousel-plans__new-actions {
    margin-top: auto;
    padding-top: 1.15rem;
}

.invest-carousel-plans__new-actions .btn-main {
    min-height: 44px;
    border-radius: 8px;
}

.section-space-top {
    padding-top: 35px
}

.section-space-bottom {
    padding-bottom: 35px
}

/* Referral network system (CSS-only, no PNG) */
.referrals-section {
    position: relative;
    overflow: hidden;
}

.referrals-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 55% 45% at 85% 20%, rgba(124, 53, 255, 0.14), transparent 60%),
        radial-gradient(ellipse 40% 35% at 10% 80%, rgba(27, 201, 89, 0.08), transparent 55%);
    pointer-events: none;
}

.referrals-system {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: clamp(2rem, 5vw, 3.5rem);
    align-items: center;
}

.referrals-system__note {
    margin-top: 0.75rem;
    font-size: 0.95rem;
}

.referral-plan-boost {
    margin-top: 1.75rem;
    padding: 1.15rem 1.25rem;
    border-radius: var(--pm-radius, 12px);
    border: 1px solid var(--pm-border, rgba(255, 255, 255, 0.08));
    background: rgba(17, 21, 28, 0.65);
    backdrop-filter: blur(10px);
}

.referral-plan-boost__title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.85rem;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pm-text-secondary, #9aa3b5);
}

.referral-plan-boost__title i {
    color: var(--pm-accent, #7c35ff);
}

.referral-plan-boost__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.referral-plan-boost__chip {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    padding: 0.65rem 0.4rem;
    border-radius: 8px;
    background: var(--pm-bg-muted, #232b3a);
    border: 1px solid var(--pm-border, rgba(255, 255, 255, 0.08));
    text-align: center;
}

.referral-plan-boost__name {
    font-size: 0.72rem;
    color: var(--pm-text-muted, #6b7589);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.referral-plan-boost__pct {
    font-size: 1rem;
    font-weight: 700;
    color: var(--pm-success, #1bc959);
}

.referral-plan-boost__pct small {
    font-size: 0.75em;
    font-weight: 600;
}

.referral-network {
    position: relative;
    min-height: 420px;
    padding: clamp(1.25rem, 3vw, 2rem);
    border-radius: calc(var(--pm-radius, 12px) + 4px);
    border: 1px solid var(--pm-border-strong, rgba(255, 255, 255, 0.14));
    background:
        linear-gradient(145deg, rgba(28, 35, 48, 0.95), rgba(17, 21, 28, 0.98));
    box-shadow: var(--pm-shadow, 0 12px 40px rgba(0, 0, 0, 0.45));
    overflow: hidden;
}

.referral-network__ambient {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(124, 53, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 53, 255, 0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 20%, transparent 75%);
    pointer-events: none;
}

.referral-network__layout {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: clamp(1rem, 3vw, 2rem);
    align-items: stretch;
    min-height: 320px;
}

.referral-network__hub {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(100px, 18vw, 140px);
}

.referral-network__rings {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.referral-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(124, 53, 255, 0.35);
    animation: referral-pulse 4s ease-in-out infinite;
}

.referral-ring:nth-child(1) {
    width: 100%;
    height: 100%;
    animation-delay: 0s;
}

.referral-ring:nth-child(2) {
    width: 78%;
    height: 78%;
    border-color: rgba(124, 53, 255, 0.22);
    animation-delay: 0.6s;
}

.referral-ring:nth-child(3) {
    width: 56%;
    height: 56%;
    border-color: rgba(27, 201, 89, 0.25);
    animation-delay: 1.2s;
}

@keyframes referral-pulse {
    0%, 100% { transform: scale(1); opacity: 0.55; }
    50% { transform: scale(1.04); opacity: 1; }
}

.referral-network__core {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: linear-gradient(-135deg, #5310cd, #7c35ff);
    box-shadow: 0 0 32px rgba(124, 53, 255, 0.45);
    color: #fff;
    text-align: center;
}

.referral-network__core i {
    font-size: 1.35rem;
    opacity: 0.9;
}

.referral-network__core strong {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

.referral-network__core span {
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.85;
}

.referral-network__levels {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    justify-content: center;
}

.referral-node {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 0.75rem;
    align-items: center;
}

.referral-node__rail {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    min-height: 52px;
}

.referral-node__rail::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -0.65rem;
    width: 2px;
    background: linear-gradient(180deg, var(--node-color, #7c35ff), transparent);
    opacity: 0.5;
}

.referral-node:last-child .referral-node__rail::before {
    bottom: 50%;
}

.referral-node__dot {
    position: relative;
    z-index: 1;
    width: 10px;
    height: 10px;
    margin-top: 1.1rem;
    border-radius: 50%;
    background: var(--node-color, #7c35ff);
    box-shadow: 0 0 12px var(--node-glow, rgba(124, 53, 255, 0.6));
}

.referral-node__card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    border: 1px solid var(--pm-border, rgba(255, 255, 255, 0.08));
    background: rgba(37, 40, 49, 0.85);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.referral-node:hover .referral-node__card {
    transform: translateX(4px);
    border-color: var(--node-color, #7c35ff);
    box-shadow: 0 8px 24px var(--node-glow, rgba(124, 53, 255, 0.25));
}

.referral-node__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding: 0.25rem 0.45rem;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #fff;
    background: var(--node-color, #7c35ff);
}

.referral-node__main {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.referral-node__pct {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--pm-heading, #f4f6fb);
}

.referral-node__pct small {
    font-size: 0.65em;
    font-weight: 600;
    color: var(--pm-text-secondary, #9aa3b5);
}

.referral-node__label {
    font-size: 0.8rem;
    color: var(--pm-text-secondary, #9aa3b5);
}

.referral-node__card > i {
    font-size: 1.1rem;
    color: var(--node-color, #7c35ff);
    opacity: 0.85;
}

.referral-node--level-1 { --node-color: #7c35ff; --node-glow: rgba(124, 53, 255, 0.45); }
.referral-node--level-2 { --node-color: #9b59f5; --node-glow: rgba(155, 89, 245, 0.4); }
.referral-node--level-3 { --node-color: #5dade2; --node-glow: rgba(93, 173, 226, 0.4); }
.referral-node--level-4 { --node-color: #48c9b0; --node-glow: rgba(72, 201, 176, 0.4); }
.referral-node--level-5 { --node-color: #1bc959; --node-glow: rgba(27, 201, 89, 0.4); }

.referral-network__footer {
    position: relative;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--pm-border, rgba(255, 255, 255, 0.08));
    text-align: center;
}

.referral-chain {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem 0.5rem;
    margin-bottom: 0.5rem;
}

.referral-chain__item {
    font-size: clamp(1.1rem, 3vw, 1.45rem);
    font-weight: 700;
    background: linear-gradient(-135deg, #f2c94c, #f2994a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.referral-chain__sep {
    display: inline-block;
    width: 1.25rem;
    height: 2px;
    background: linear-gradient(90deg, var(--pm-accent), transparent);
    opacity: 0.6;
}

.referral-network__caption {
    margin: 0;
    font-size: 0.8rem;
    color: var(--pm-text-muted, #6b7589);
}

.notes-panel__inner {
    border-radius: 10px;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .2);
    margin-bottom: 40px;
    transition: all .6s ease;
}

.notes-panel__top {
    position: relative;
    padding: 10px;
}

.notes-panel__decorect {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.notes-panel__decore_1-left {
    position: absolute;
    width: 40%;
    height: 100px;
    border-radius: 10px;
    top: -15px;
    left: 0;
}

.notes-panel__decore_2-left {
    background: #cd2742;
    border-radius: 0 10px 0 0;
    height: 64px;
    left: 35px;
    position: absolute;
    top: 0px;
    transform: skew(30deg, 0);
    width: 30%;
    z-index: 0;
}

.notes-panel__decore_3-left {
    position: absolute;
    background: #cd2742;
    width: 25%;
    height: 70px;
    top: 0;
    left: 0;
    border-radius: 10px;
}

.notes-panel__decore_1-right {
    position: absolute;
    width: 40%;
    height: 100px;
    border-radius: 10px;
    top: -15px;
    right: 0;
}

.notes-panel__decore_2-right {
    background: #cd2742;
    border-radius: 10px 0 0 0;
    height: 64px;
    right: 35px;
    position: absolute;
    top: 0px;
    transform: skew(-30deg, 0);
    width: 30%;
    z-index: 0;
}

.notes-panel__decore_3-right {
    position: absolute;
    background: #cd2742;
    width: 25%;
    height: 70px;
    top: 0;
    right: 0;
    border-radius: 10px 10px 0 0;
}

.notes-panel__body {
    background: #cd2742;
    width: 100%;
    border-radius: 0 0 10px 10px;
}

.notes-panel__details {
    padding: 30px 20px;
}

.notes-panel__title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
}

.notes-panel__info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.notes-panel__info:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.notes-panel__info i {
    background: rgba(0, 0, 0, .1);
    padding: 10px;
    border-radius: 6px;
    color: #fff;
    margin-right: 10px;
}

.notes-panel__info span {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}


@media (max-width: 600px) {
    .notes-panel__info span {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
    }

    .notes-panel__info i {
        display: none;
    }
}

@media (max-width: 460px) {
    .notes-panel__title {
        position: relative;
        width: fit-content;
        font-size: 18px;
        margin-bottom: 0;
        background: #fff;
        border-radius: 10px;
        padding: 7px 24px;
        z-index: 1;
    }
}

.table.custom-table__table {
    border-collapse: separate;
    width: 100%;
    border-spacing: 0 10px;
}

.table .custom-table__th {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #252831;
    padding-bottom: 15px;
    border-bottom-color: transparent;
}
.custom-table__th span {
    width: 96%;
    display: block;
}

.table .custom-table__td {
    padding: 13px 0;
    text-align: center;
    vertical-align: middle;
    background: #f4f6ff;
    border-bottom-color: transparent;
}

.table .custom-table__td.deposit {
    background: #daffd2;
}

.table .custom-table__td.withdraw {
    background: #ffd2d2;
}

.table .custom-table__td:nth-child(1) {
    text-align: left;
    padding: 13px 0 13px 20px;
    border-radius: 10px 0 0 10px;
}

.table .custom-table__td:last-of-type {
    border-radius: 0 10px 10px 0;
    padding-right: 20px;
}

.table .custom-table__td span {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
}

/* ==========================================================================
   ProMinners — Dark theme & layout fixes
   ========================================================================== */

:root {
    --pm-bg: #0a0d12;
    --pm-bg-elevated: #11151c;
    --pm-bg-surface: #161b24;
    --pm-bg-card: #1c2330;
    --pm-bg-muted: #232b3a;
    --pm-text: #e8ecf4;
    --pm-text-secondary: #9aa3b5;
    --pm-text-muted: #6b7589;
    --pm-heading: #f4f6fb;
    --pm-border: rgba(255, 255, 255, 0.08);
    --pm-border-strong: rgba(255, 255, 255, 0.14);
    --pm-accent: #7c35ff;
    --pm-accent-dark: #5310cd;
    --pm-accent-glow: rgba(124, 53, 255, 0.35);
    --pm-success: #1bc959;
    --pm-danger: #e63950;
    --pm-deposit: rgba(27, 201, 89, 0.15);
    --pm-withdraw: rgba(230, 57, 80, 0.15);
    --pm-header-h: 72px;
    --pm-radius: 12px;
    --pm-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    --pm-font: "Rubik", system-ui, -apple-system, sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--pm-bg);
    color: var(--pm-text-secondary);
    font-family: var(--pm-font);
}

body.menu-open {
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--pm-heading);
}

.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--pm-bg);
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(124, 53, 255, 0.18), transparent),
        radial-gradient(ellipse 60% 40% at 100% 0%, rgba(83, 16, 205, 0.12), transparent);
}

main {
    flex: 1 0 auto;
    text-align: inherit;
}

header {
    position: sticky;
    top: 0;
    margin: 0;
    padding: 14px 0;
    background: rgba(10, 13, 18, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--pm-border);
    box-shadow: none;
    z-index: 100;
}

.site-name {
    color: var(--pm-heading);
    font-weight: 400;
}

.site-name:hover,
.header-menu-logo:hover .site-name {
    color: var(--pm-accent);
}

.ul-pc-menu a {
    color: var(--pm-text-secondary);
}

.ul-pc-menu a:hover {
    color: var(--pm-heading);
}

.ul-pc-menu a.active,
nav.ul-pc-menu a.active,
.ul-mob-menu a.active,
.right-mob-menu > a.active,
.right-mob-menu__links a.active {
    color: var(--pm-accent);
}

.auth-box {
    border-left-color: var(--pm-border);
}

.burger span {
    background: var(--pm-heading);
}

.right-mob-menu {
    background: rgba(17, 21, 28, 0.98);
    border-right: 1px solid var(--pm-border);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.mob-backdrop {
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

body.menu-open {
    overflow: hidden;
}

body.menu-open .site-header {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.ul-mob-menu a {
    color: var(--pm-text-secondary);
}

.close-mob-menu {
    background: rgba(230, 57, 80, 0.2);
    color: var(--pm-danger);
}

.close-mob-menu:hover {
    background: var(--pm-danger);
    color: #fff;
}

.footer,
.site-footer {
    padding: 0;
    background: var(--pm-bg-elevated);
    border-top: 1px solid var(--pm-border);
    box-shadow: none;
}

.preloader {
    background: var(--pm-bg);
}

.heading {
    color: var(--pm-heading);
}

.load {
    background-color: var(--pm-accent);
}

.section {
    background: transparent;
    padding: 64px 0;
}

.section-two {
    padding: 64px 0;
}

.section-three {
    background-image: linear-gradient(-135deg, #0f1219 0%, #1a1f2e 50%, #12161f 100%);
    border-top: 1px solid var(--pm-border);
    border-bottom: 1px solid var(--pm-border);
}

.page-hero {
    position: relative;
    background:
        radial-gradient(ellipse 70% 55% at 90% 15%, rgba(124, 53, 255, 0.22), transparent 55%),
        radial-gradient(ellipse 50% 45% at 5% 90%, rgba(27, 201, 89, 0.08), transparent 50%),
        linear-gradient(180deg, var(--pm-bg) 0%, var(--pm-bg-elevated) 100%);
    padding: clamp(2.5rem, 6vw, 4.5rem) 0 clamp(2rem, 4vw, 3rem);
    overflow: hidden;
}

.page-hero--home::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(124, 53, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 53, 255, 0.03) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
    pointer-events: none;
}

.page-hero:not(.page-hero--home)::before {
    content: none;
}

.page-hero--home .container {
    position: relative;
    z-index: 1;
}

.hero-copy {
    max-width: 36rem;
}

.hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0 0 1rem;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pm-accent);
    background: rgba(124, 53, 255, 0.12);
    border: 1px solid rgba(124, 53, 255, 0.25);
}

.hero-eyebrow i {
    font-size: 0.85em;
}

.hero-perks {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin: 1.25rem 0 0;
    padding: 0;
    list-style: none;
}

.hero-perks li {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--pm-text-secondary);
}

.hero-perks i {
    color: var(--pm-success);
    font-size: 0.9rem;
}

.hero-stats {
    margin-top: clamp(2rem, 5vw, 3rem) !important;
    padding-top: clamp(1.5rem, 4vw, 2.5rem);
    border-top: 1px solid var(--pm-border);
}

.page-head {
    padding: 48px 0 32px;
    text-align: center;
}

.page-head .section-texts {
    align-items: center;
    max-width: 640px;
    margin: 0 auto;
}

.hero-visual {
    position: relative;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    aspect-ratio: 1;
    min-height: clamp(280px, 42vw, 420px);
}

.hero-visual__scene {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit;
}

.hero-visual__grid {
    position: absolute;
    inset: 8%;
    border-radius: 50%;
    background-image:
        linear-gradient(rgba(124, 53, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 53, 255, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: radial-gradient(circle, #000 30%, transparent 72%);
    animation: hero-grid-drift 18s linear infinite;
}

.hero-visual__glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(124, 53, 255, 0.35), transparent 65%);
    filter: blur(24px);
    animation: hero-glow-pulse 5s ease-in-out infinite;
}

.hero-visual__ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(124, 53, 255, 0.25);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: hero-spin 24s linear infinite;
}

.hero-visual__ring:nth-of-type(1) {
    width: 92%;
    height: 92%;
    border-style: dashed;
    opacity: 0.5;
}

.hero-visual__ring:nth-of-type(2) {
    width: 72%;
    height: 72%;
    animation-direction: reverse;
    animation-duration: 16s;
    border-color: rgba(242, 201, 76, 0.2);
}

.hero-visual__ring:nth-of-type(3) {
    width: 52%;
    height: 52%;
    animation-duration: 10s;
    border-color: rgba(27, 201, 89, 0.25);
}

.hero-visual__core {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: clamp(120px, 28vw, 160px);
    height: clamp(120px, 28vw, 160px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-visual__core-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: 100%;
    height: 100%;
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(83, 16, 205, 0.9), rgba(124, 53, 255, 0.75)),
        linear-gradient(180deg, #1c2330, #11151c);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        0 0 60px rgba(124, 53, 255, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    animation: hero-core-float 4s ease-in-out infinite;
}

.hero-visual__core-inner i {
    font-size: clamp(2rem, 5vw, 2.75rem);
    color: #fff;
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.4));
}

.hero-visual__core-inner span {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
}

.hero-visual__float {
    position: absolute;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    padding: 0.65rem 0.85rem;
    min-width: 5.5rem;
    border-radius: 12px;
    background: rgba(28, 35, 48, 0.92);
    border: 1px solid var(--pm-border-strong);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    animation: hero-float 5s ease-in-out infinite;
}

.hero-visual__float i {
    font-size: 1rem;
    color: var(--pm-accent);
    margin-bottom: 0.15rem;
}

.hero-visual__float strong {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--pm-heading);
    line-height: 1.1;
}

.hero-visual__float span {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--pm-text-muted);
}

.hero-visual__float--yield {
    top: 8%;
    right: 0;
    animation-delay: 0s;
}

.hero-visual__float--yield i {
    color: #f2c94c;
}

.hero-visual__float--hash {
    bottom: 18%;
    left: -2%;
    animation-delay: 1.2s;
}

.hero-visual__float--users {
    top: 42%;
    right: -4%;
    animation-delay: 2.4s;
}

.hero-visual__orbit {
    position: absolute;
    inset: 0;
    animation: hero-spin 30s linear infinite;
    transform-origin: center center;
}

.hero-visual__orbit span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px;
    border-radius: 50%;
    background: var(--pm-accent);
    box-shadow: 0 0 14px var(--pm-accent-glow);
}

.hero-visual__orbit span:nth-child(1) { transform: rotate(0deg) translateX(min(42vw, 200px)) rotate(0deg); }
.hero-visual__orbit span:nth-child(2) { transform: rotate(90deg) translateX(min(42vw, 200px)) rotate(-90deg); background: #f2c94c; box-shadow: 0 0 14px rgba(242, 201, 76, 0.6); }
.hero-visual__orbit span:nth-child(3) { transform: rotate(180deg) translateX(min(42vw, 200px)) rotate(-180deg); background: var(--pm-success); }
.hero-visual__orbit span:nth-child(4) { transform: rotate(270deg) translateX(min(42vw, 200px)) rotate(-270deg); }

@keyframes hero-grid-drift {
    to { background-position: 48px 48px; }
}

@keyframes hero-glow-pulse {
    0%, 100% { opacity: 0.7; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.06); }
}

@keyframes hero-core-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes hero-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes hero-spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

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

.hero-visual__orbit {
    animation-name: hero-orbit-spin;
}

.bounty-block {
    background: var(--pm-bg-card);
    border: 1px solid var(--pm-border);
    border-radius: var(--pm-radius);
    padding: 40px 24px;
    box-shadow: var(--pm-shadow);
}

.bounty-block p {
    color: var(--pm-text);
}

.img-bounty {
    gap: 12px;
}

.img-bounty a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: var(--pm-bg-muted);
    color: var(--pm-text);
    font-size: 24px;
    transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.img-bounty a:hover {
    transform: translateY(-4px);
    background: var(--pm-accent);
    color: #fff;
}

.notes-panel__inner--deposit .notes-panel__decore_2-left,
.notes-panel__inner--deposit .notes-panel__decore_3-left,
.notes-panel__inner--deposit .notes-panel__decore_2-right,
.notes-panel__inner--deposit .notes-panel__decore_3-right,
.notes-panel__inner--deposit .notes-panel__body {
    background: #5310cd;
}

.notes-panel__inner--deposit .notes-panel__title {
    color: #fff;
}

.notes-panel__inner--withdraw .notes-panel__decore_2-left,
.notes-panel__inner--withdraw .notes-panel__decore_3-left,
.notes-panel__inner--withdraw .notes-panel__decore_2-right,
.notes-panel__inner--withdraw .notes-panel__decore_3-right,
.notes-panel__inner--withdraw .notes-panel__body {
    background: #cd2742;
}

.notes-panel__inner {
    border: 1px solid var(--pm-border);
}


.content-block {
    padding: 48px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.faq-block {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
    padding: 0 12px;
}

.faq-card {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: var(--pm-radius);
    border: 1px solid var(--pm-border);
    overflow: hidden;
    box-shadow: none;
    background: var(--pm-bg-card);
    text-align: left;
}

.faq-top {
    background: var(--pm-bg-muted);
    padding: 16px 20px;
    cursor: pointer;
    justify-content: space-between;
    gap: 12px;
}

.faq-top p {
    margin: 0;
    color: var(--pm-heading);
    font-weight: 500;
    flex: 1;
}

.faq-top::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 12px;
    color: var(--pm-text-muted);
    transition: transform 0.25s ease;
}

.faq-card.is-open .faq-top::after {
    transform: rotate(180deg);
}

.faq-bottom {
    display: none;
    padding: 0 20px 20px;
    color: var(--pm-text-secondary);
    font-size: 15px;
    background: var(--pm-bg-card);
}

.faq-card.is-open .faq-bottom {
    display: block;
}

.faq-bottom a {
    color: var(--pm-accent);
}

.history-block {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    padding: 0 12px;
}

.history-block .table {
    border-radius: var(--pm-radius);
    overflow: hidden;
    border: 1px solid var(--pm-border);
    box-shadow: var(--pm-shadow);
}

.history-block .table .table-name {
    background: var(--pm-bg-muted);
    color: var(--pm-heading);
    gap: 10px;
}

.history-block .table .table-name i {
    color: var(--pm-accent);
    font-size: 22px;
}

.history-block tbody {
    background: var(--pm-bg-card);
    color: var(--pm-text);
}

.history-block tbody tr {
    border-bottom: 1px solid var(--pm-border);
}

.history-block tbody tr:last-child {
    border-bottom: none;
}

.history-block th {
    background: var(--pm-bg-elevated);
    color: var(--pm-text-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.contacts-block {
    max-width: 480px;
    margin: 0 auto;
    padding: 24px;
    background: var(--pm-bg-card);
    border: 1px solid var(--pm-border);
    border-radius: var(--pm-radius);
    box-shadow: var(--pm-shadow);
}

.contacts-block > div {
    padding: 16px 0;
    border-bottom: 1px solid var(--pm-border);
}

.contacts-block > div:last-child {
    border-bottom: none;
}

.contacts-block i {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pm-bg-muted);
    border-radius: 10px;
    color: var(--pm-accent);
    font-size: 20px;
    margin-right: 14px;
}

.contacts-block div a {
    color: var(--pm-heading);
    font-size: 17px;
}

.contacts-block div a:hover {
    color: var(--pm-accent);
}

.rules-block {
    max-width: 800px;
    margin: 0 auto;
    padding: 32px 24px;
    background: var(--pm-bg-card);
    border: 1px solid var(--pm-border);
    border-radius: var(--pm-radius);
    box-shadow: var(--pm-shadow);
}

.rules-block p.head {
    color: var(--pm-accent);
    margin-top: 1.5rem;
}

.rules-block p.head:first-child {
    margin-top: 0;
}

.rules-block p.desc {
    color: var(--pm-text-secondary);
    line-height: 1.7;
}

.table .custom-table__th {
    color: var(--pm-text-muted);
    border-bottom: 1px solid var(--pm-border);
}

.table .custom-table__td {
    background: var(--pm-bg-card);
    color: var(--pm-text);
    border-bottom: 1px solid var(--pm-border);
}

.table .custom-table__td.deposit {
    background: var(--pm-deposit);
}

.table .custom-table__td.withdraw {
    background: var(--pm-withdraw);
}

.table .custom-table__td.deposit span:first-child {
    color: var(--pm-success);
    font-weight: 500;
}

.table .custom-table__td.withdraw span:first-child {
    color: var(--pm-danger);
    font-weight: 500;
}

.grey-block,
.about-block,
.partners-block,
.faq-top {
    background: var(--pm-bg-muted);
    color: var(--pm-text);
}

::selection {
    background: var(--pm-accent);
    color: #fff;
}

body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-thumb {
    background: var(--pm-bg-muted);
    border-radius: 4px;
}

.section .row.g-4 > [class*="col-"] {
    margin-bottom: 0;
}


@media (max-width: 768px) {
    .section {
        padding: 48px 0;
    }

    .page-hero {
        padding-top: 32px;
    }
}