@import url("fonts.css");
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
}
@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(1rem);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideOutRight {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(1rem);
    }
}
:root {
    --header-height: 4.75rem;
}
[hidden] {
    display: none !important;
}
* {
    box-sizing: border-box;
}
h1,
h2,
h3,
h4,
p {
    font-size: 100%;
    margin: 0;
}
h1,
h2,
h3,
h4 {
    color: #fcf9f2;
}
h3 {
    font-weight: 500;
}
a {
    text-underline-offset: 0.25rem;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-thumb {
    background: #51515b;
    border-radius: 12px;
}
::-webkit-scrollbar-track {
    background: #2d2d31;
    border-radius: 28px;
}
::selection,
::-moz-selection {
    background: #38383d;
}
html {
    scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}
body {
    color-scheme: dark;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    font-family: "SF Pro", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 140%;
    background-color: #181818;
    color: #828292;
}
section {
    flex-grow: 1;
}
.container {
    width: 90%;
    max-width: 70.5rem;
}
.container-content {
    display: flex;
    gap: 1.5rem;
}
.button {
    white-space: nowrap;
    border: 0;
    border-radius: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    line-height: 140%;
    transition: background 0.3s, color 0.3s;
    font-family: "SF Pro", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0;
}
.button-submit {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    appearance: none;
    white-space: nowrap;
    border: 0;
    border-radius: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    line-height: 140%;
    transition: background 0.3s, color 0.3s;
    background: #ffac10;
    color: #181818;
}
.button-submit:hover {
    background: rgba(255, 172, 16, 0.85);
}
.button-submit:visited {
    color: #181818;
}
.button-link-secondary {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    appearance: none;
    cursor: pointer;
    color: #828292;
    text-decoration: underline;
    text-underline-offset: 0.25rem;
}
.link-accent {
    color: #ffac10;
    transition: background 0.3s, color 0.3s;
}
.link-accent:hover {
    color: #ffbe43;
}
.link-secondary {
    color: #828292;
    font-weight: 400;
    line-height: 140%;
    font-size: 0.875rem;
    text-decoration: underline;
    text-underline-offset: 0.25rem;
    transition: background 0.3s, color 0.3s;
}
.link-secondary:hover {
    color: #ababb6;
}
.checkbox {
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 6px;
    background-color: #ffac10;
}
.checkbox:checked {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iNiIgZmlsbD0iI0ZGQUMxMCIvPgo8cGF0aCBkPSJNMTYuNjA1MiA2Ljg5NDk3QzE2Ljc5ODIgNi42NjM0NyAxNi43NjY5IDYuMzE5NCAxNi41MzU0IDYuMTI2NDhDMTYuMzAzOSA1LjkzMzU2IDE1Ljk1OTggNS45NjQ4NCAxNS43NjY5IDYuMTk2MzRMMTEuODQ1IDEwLjkwMjZDMTEuMDU3MiAxMS44NDc5IDEwLjUwMzEgMTIuNTEwOSAxMC4wMjI0IDEyLjk0NDlDOS41NTI5MiAxMy4zNjg5IDkuMjI4OTMgMTMuNTAzNiA4LjkxMDgxIDEzLjUwMzZDOC41OTI2OSAxMy41MDM2IDguMjY4NyAxMy4zNjg5IDcuNzk5MjMgMTIuOTQ0OUM3LjMxODU2IDEyLjUxMDkgNi43NjQzNyAxMS44NDc5IDUuOTc2NTggMTAuOTAyNkw0Ljk2NDgzIDkuNjg4NDdDNC43NzE5MSA5LjQ1Njk2IDQuNDI3ODUgOS40MjU2OCA0LjE5NjM0IDkuNjE4NjFDMy45NjQ4NCA5LjgxMTUzIDMuOTMzNTYgMTAuMTU1NiA0LjEyNjQ4IDEwLjM4NzFMNS4xNjYzMSAxMS42MzQ5QzUuOTE5NSAxMi41Mzg3IDYuNTIyNjggMTMuMjYyNiA3LjA2Nzg2IDEzLjc1NDlDNy42MzEgMTQuMjYzNCA4LjIwNjY3IDE0LjU5NDkgOC45MTA4MSAxNC41OTQ5QzkuNjE0OTYgMTQuNTk0OSAxMC4xOTA2IDE0LjI2MzQgMTAuNzUzOCAxMy43NTQ5QzExLjI5ODkgMTMuMjYyNiAxMS45MDIxIDEyLjUzODggMTIuNjU1MyAxMS42MzQ5TDE2LjYwNTIgNi44OTQ5N1oiIGZpbGw9IiMxODE4MTgiLz4KPC9zdmc+Cg==");
}
.text-danger {
    color: #f73757;
}
.strong {
    font-weight: 700;
}
.toasts-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    max-width: 70.5rem;
    justify-content: flex-end;
    align-items: flex-end;
    align-self: center;
    width: 90%;
    padding-top: 0.75rem;
    gap: 0.75rem;
    pointer-events: none;
    z-index: 5;
    top: var(--header-height);
}
.toast {
    display: flex;
    flex-shrink: 1;
    min-width: 20rem;
    background-color: #ffac10;
    color: #181818;
    border-radius: 0.75rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    overflow: hidden;
    animation: slideInRight 0.3s ease-out;
    pointer-events: auto;
}
.toast.closing {
    animation: slideOutRight 0.3s ease-in forwards;
}
.toast-body {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    gap: 1rem;
}
.toast-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    color: #666;
    text-decoration: none;
}
.toast-close svg {
    width: 1rem;
    height: 1rem;
}
.toast-close:hover {
    color: #000;
}
.header {
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 15;
    background-color: rgba(24, 24, 24, 0.85);
    -webkit-backdrop-filter: blur(1.5rem);
    backdrop-filter: blur(1.5rem);
}
.header-container {
    display: flex;
    position: relative;
    width: 90%;
    max-width: 70.5rem;
    justify-content: space-between;
    align-items: stretch;
    padding: 1rem 0;
}
.header-container .header-left {
    display: flex;
    min-width: 0;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
}
.header-link--logo {
    display: flex;
    align-items: center;
}
.hamburger-menu {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 21px;
    cursor: pointer;
    z-index: 25;
}
.hamburger-menu span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #828292;
    border-radius: 3px;
    transition: all 0.5s ease;
}
.hamburger-menu.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}
.hamburger-menu.active span:nth-child(2) {
    opacity: 0;
}
.hamburger-menu.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}
@media (max-width: 768px) {
    .hamburger-menu {
        display: flex;
    }
}
.nav {
    display: flex;
    align-items: center;
    margin-right: auto;
    margin-left: 2rem;
}
.nav a {
    margin: 0 1rem;
    text-decoration: none;
    color: #828292;
}
.nav a:hover {
    color: #fcf9f2;
}
@media (max-width: 1024px) {
    .nav {
        flex: 0 1 auto;
        max-width: 100%;
        width: auto;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .nav::-webkit-scrollbar {
        display: none;
    }
    .nav .nav-item {
        flex-shrink: 0;
    }
}
@media (max-width: 768px) {
    .nav {
        display: none;
    }
}
.offcanvas-nav {
    position: fixed;
    top: 0;
    left: -17.5rem;
    width: 17.5rem;
    height: 100vh;
    background-color: rgba(24, 24, 24, 0.95);
    backdrop-filter: blur(1.5rem);
    -webkit-backdrop-filter: blur(1.5rem);
    z-index: 10;
    transition: left 0.5s ease;
    padding: 5rem 1rem 1rem;
    overflow-y: auto;
}
.offcanvas-nav.active {
    left: 0;
}
.offcanvas-nav .nav-items {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.offcanvas-nav .nav-item {
    margin-bottom: 0.5rem;
}
.offcanvas-nav .nav-link {
    display: block;
    padding: 0.5rem 0;
    font-size: 1.1rem;
}
.offcanvas-nav .nav-link:hover {
    color: #fcf9f2;
}
.offcanvas-nav .close-button {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offcanvas-nav .close-button svg {
    width: 24px;
    height: 24px;
    color: #828292;
}
.offcanvas-nav .close-button svg:hover {
    color: #fcf9f2;
}
.offcanvas-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}
.offcanvas-overlay.active {
    visibility: visible;
    opacity: 1;
}
.header-right {
    display: flex;
    align-items: stretch;
    gap: 2rem;
}
@media (max-width: 768px) {
    .header-right {
        gap: 1rem;
    }
    .header-right .nav-item--primary {
        display: none;
    }
}
.nav-link {
    display: flex;
    align-self: center;
    gap: 0.5rem;
    height: 100%;
    text-decoration: none;
    color: #828292;
    transition: color 0.15s ease-in-out;
}
.nav-link:visited {
    color: #828292;
}
.nav-link:hover {
    color: #fcf9f2;
}
.nav-link-container {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
.nav-item--primary .nav-link {
    white-space: nowrap;
    border: 0;
    border-radius: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    line-height: 140%;
    transition: background 0.3s, color 0.3s;
    background: rgba(255, 172, 16, 0.15);
    color: #ffac10;
}
.nav-item--primary .nav-link:hover {
    background: rgba(255, 172, 16, 0.25);
}
.nav-item--primary .nav-link:visited {
    color: #ffac10;
}
.nav-link.dropdown-toggle {
    cursor: pointer;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #2c2c30;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
    z-index: 3;
    border-radius: 1rem;
    overflow: hidden;
    top: 4.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.dropdown-content.show {
    display: flex;
    flex-direction: column;
}
.dropdown-content a {
    text-decoration: none;
}
.dropdown-link,
.form-inline {
    color: #828292;
    text-decoration: none;
    display: flex;
    flex: 1;
    white-space: nowrap;
}
.dropdown-link--language {
    display: block;
    text-align: center;
}
.dropdown-button {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    appearance: none;
    cursor: pointer;
    color: #828292;
    display: flex;
    flex: 1;
}
.dropdown-item {
    display: flex;
    position: relative;
    width: 100%;
    transition: background 0.1s, color 0.1s ease-in;
}
.dropdown-item .dropdown-link,
.dropdown-item .dropdown-button {
    padding: 0.75rem 1rem;
}
.dropdown-item.active {
    background-color: #ffac10;
}
.dropdown-item.active .dropdown-link {
    color: #181818;
}
.flex-item.active + .flex-item::after {
    display: none;
}
.dropdown-item--primary {
    padding: 1rem;
    gap: 0.75rem;
}
.dropdown-item--user {
    border-bottom: 2px solid #40404a;
}
.dropdown-item--user:last-child,
.dropdown-item--user.active {
    border-bottom: 0;
}
.dropdown-item--user:hover {
    background-color: #38383d;
}
.dropdown-profile-name p {
    color: #fcf9f2;
    font-size: 1.125rem;
    line-height: 135%;
}
.dropdown-profile-data {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.dropdown-profile-sub {
    display: flex;
    flex-direction: row;
    flex: 1;
    white-space: nowrap;
    color: #ffac10;
    font-weight: 400;
}
.main {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding-top: var(--header-height);
}
.footer {
    padding: 3rem 0;
    background: #212123;
}
.footer-content {
    display: flex;
    justify-content: space-between;
    width: 90%;
    max-width: 70.5rem;
    margin: 0 auto;
    gap: 4rem;
}
@media (max-width: 768px) {
    .footer-content {
        flex-direction: column;
    }
}
.footer-description {
    display: flex;
    flex-direction: column;
    line-height: 140%;
    max-width: 28.5rem;
    gap: 1rem;
}
.payment-icons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2rem;
    gap: 0.75rem;
}
.payment-icon {
    opacity: 50%;
}
.footer-sections {
    display: flex;
    justify-content: space-between;
    gap: 4rem;
}
@media (max-width: 500px) {
    .footer-sections {
        flex-direction: column;
        gap: 1.5rem;
    }
}
.footer-section {
    display: flex;
    justify-content: left;
    max-width: 9.275rem;
    flex-direction: column;
    gap: 1rem;
}
.footer-section h3 {
    height: 1.5rem;
    color: #fcf9f2;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0;
}
.footer-section a {
    color: #828292;
    text-decoration: none;
    line-height: 1.4;
    word-wrap: break-word;
    hyphens: auto;
}
.footer-section a:hover {
    color: #b8b8c2;
}
.footer-subsection {
    display: flex;
    justify-content: left;
    flex-direction: column;
    gap: 1rem;
}
.footer-subsection h3 {
    height: 1.5rem;
    color: #fcf9f2;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0;
}
.footer-link {
    transition: color 0.15s ease-in-out;
}
.support-links,
.social-links {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    align-items: center;
}
.support-links a,
.social-links a {
    color: #828292;
}
.support-links a:hover,
.social-links a:hover {
    color: #9d9daa;
}
.dashboard-button {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 1;
}
.dashboard-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #ffac10;
    border-radius: 50%;
    transition: filter 0.3s ease;
}
.dashboard-button a:hover {
    background-color: #ffac10;
    filter: brightness(0.8);
}
.dashboard-button a svg {
    scale: 2;
    fill: white;
}
.about-section {
    scroll-margin-top: var(--header-height);
}
.about-page {
    display: flex;
    flex-direction: column;
    background-color: #212123;
}
.about-page .container {
    width: 90%;
    max-width: 70.5rem;
}
.about-page section {
    display: flex;
    justify-content: center;
}
.about-page h1,
.about-page h2,
.about-page h3 {
    font-family: Unbounded, sans-serif;
}
.about-page h2 {
    font-size: 2.5rem;
    line-height: 130%;
}
.about-section--hero {
    background-image: url("../img/about-bg1.png?v=xzUrtr0QAhM9CIFAIfJ0AdtvgDA");
    background-size: cover;
    background-position: center;
}
.about-section--hero h1 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    font-size: 2.5rem;
}
.container--hero {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
}
@media (max-width: 1024px) {
    .container--hero .hero-col--overlap {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .container--hero {
        flex-direction: column;
    }
    .container--hero .hero-col--text {
        margin: 6rem 0 0 0;
    }
    .container--hero .hero-col--overlap {
        height: 100%;
    }
    .container--hero .about-featureboxes {
        position: unset;
        margin-top: unset;
        transform: translateY(10%);
    }
    .container--hero .about-featurebox {
        padding: 0.85rem;
    }
}
@media (max-width: 500px) {
    .container--hero .about-featureboxes {
        flex-direction: column;
        transform: translateY(5%);
    }
    .container--hero .about-featurebox {
        max-width: unset;
        max-height: 15rem;
    }
}
.hero-col {
    display: flex;
    flex-direction: column;
}
.hero-col--text {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    max-width: 28.5rem;
    margin: 8rem 0 14rem 0;
    gap: 1rem;
}
.hero-col--text p {
    padding-bottom: 0.5rem;
}
@media (max-width: 768px) {
    .hero-col--text {
        max-width: unset;
    }
}
.hero-col--overlap {
    display: flex;
    flex-grow: 1;
    position: relative;
    flex-direction: column;
    justify-content: flex-end;
}
.about-buttons {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
    display: flex;
    gap: 0.5rem;
}
@media (max-width: 768px) {
    .about-buttons--hero * {
        flex-grow: 1;
        text-align: center;
    }
}
.button-primary {
    background: #ffac10;
    color: #181818;
}
.button-primary:hover {
    background: rgba(255, 172, 16, 0.85);
}
.button-primary:visited {
    color: #181818;
}
.button-secondary {
    background: rgba(255, 172, 16, 0.15);
    color: #ffac10;
}
.button-secondary:hover {
    background: rgba(255, 172, 16, 0.25);
}
.button-secondary:visited {
    color: #ffac10;
}
.button-secondary-warn {
    background: rgba(247, 55, 87, 0.15);
    color: #f73757;
}
.button-secondary-warn:hover {
    background: rgba(247, 55, 87, 0.25);
}
.button-secondary-warn:visited {
    color: #f73757;
}
.about-featureboxes {
    display: flex;
    gap: 1.5rem;
    position: absolute;
    right: 0;
    bottom: -5%;
    margin-top: 14.375rem;
    justify-content: center;
    z-index: 1;
}
.about-featurebox {
    position: relative;
    height: 20.5rem;
    max-height: 20.5rem;
    -webkit-backdrop-filter: blur(1.5rem);
    backdrop-filter: blur(1.5rem);
    background: rgba(24, 24, 24, 0.9);
    border-radius: 1rem;
    padding: 1.5rem;
    border: 1.5px solid #ffac10;
    overflow: hidden;
    cursor: pointer;
}
.about-featurebox::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 25%;
    border-radius: 1rem;
    background: linear-gradient(to bottom, rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.75) 100%);
}
.about-featurebox--change {
    max-width: 16.5rem;
}
.about-featurebox--update {
    max-width: 22.5rem;
}
.about-featurebox-content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.about-featurebox-content h4 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 135%;
}
.about-featurebox-entry {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.about-featurebox-entry--update h2:not(:first-child),
.about-featurebox-entry--update h3:not(:first-child) {
    margin-block-start: 0.375rem;
}
.about-featurebox-entry--update h2,
.about-featurebox-entry--update h3 {
    font-family: "SF Pro", sans-serif;
    font-weight: 400;
    font-size: 1rem;
}
.about-featurebox-entry--update h4 {
    font-family: "SF Pro", sans-serif;
    font-weight: 400;
    font-size: 1rem;
}
.about-featurebox-entry--update a,
.about-featurebox-entry--update a:visited {
    color: #828292;
    text-decoration: underline;
}
.about-featurebox-entry--update code {
    padding: 0.125rem;
    border-radius: 4px;
    background-color: #2c2c30;
}
.about-featurebox-entry--update img {
    border-radius: 1rem;
    margin: 0 auto;
    max-width: 100%;
}
.about-featurebox-entry-time {
    display: flex;
    color: #ffac10;
}
.about-featurebox-entry-time > *:not(:first-child) {
    display: flex;
}
.about-featurebox-entry-time > *:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #ffac10;
    border-radius: 50%;
    align-self: center;
    margin: 0 0.25rem;
}
.about-section--us {
    position: relative;
    background-image: url("../img/about-bg2.svg?v=37wMdyI7ezAFbqXhRmy4UcZrDPg");
    background-size: cover;
    background-position: center;
}
.about-section--us::before {
    background-color: #212123;
    content: "";
    position: absolute;
    top: -1.5rem;
    left: 0;
    width: 100%;
    height: 1.5rem;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 0);
}
.container--us {
    display: flex;
    justify-content: space-between;
    margin: 4rem 0 4rem 0;
}
.us-row--text {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 28.5rem;
}
.us-row--text h3 {
    font-family: "SF Pro", sans-serif;
    color: #ffac10;
    font-size: 1.125rem;
    line-height: 135%;
}
@media (max-width: 768px) {
    .us-row--text {
        max-width: unset;
    }
}
.us-row--image {
    display: flex;
    align-items: center;
    flex-shrink: 1;
}
.us-row--image img {
    object-fit: cover;
    flex-shrink: 0;
    min-width: 0;
    width: 100%;
    min-height: 0;
}
@media (max-width: 768px) {
    .us-row--image {
        display: none;
    }
}
.about-section--features,
.about-section--functions {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #181818;
    background-image: url("../img/bg-tinted.png?v=o9CJhJjgH_8l3Llr22EcD7RUW2M");
}
.about-section--features h2 {
    font-size: 1.25rem;
    line-height: 130%;
}
.container--features {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    margin: 4rem 0 4rem 0;
}
@media (max-width: 768px) {
    .container--features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, 1fr);
    }
}
@media (max-width: 500px) {
    .container--features {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}
.feature {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}
.feature-text {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.about-section--seo {
    position: relative;
    align-items: center;
}
.about-section--seo h2 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 130%;
}
.container--seo {
    display: flex;
    margin: 4rem 0 0 0;
    gap: 6rem;
    max-height: 15.875rem;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
}
.container--seo::after {
    content: "";
    position: absolute;
    height: 25%;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(33, 33, 35, 0) 0%, rgba(33, 33, 35, 0.7483368347) 100%);
    transition: opacity 0.5s ease-in-out;
}
.container--seo.expanded {
    max-height: 60rem;
    margin-bottom: 4rem;
}
.container--seo.expanded::after {
    opacity: 0;
}
@media (max-width: 768px) {
    .container--seo {
        flex-direction: column;
        gap: 2rem;
    }
    .container--seo.expanded {
        max-height: 80rem;
        margin-bottom: 2rem;
    }
}
.seo-collapse {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    background: #ffac10;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}
.seo-collapse svg {
    transition: transform 0.3s ease-in-out;
}
.seo-collapse.active svg {
    transform: scaleY(-1);
}
.seo-row {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    line-height: 140%;
}
.about-section--seo {
    display: flex;
    flex-direction: column;
}
.container--seo {
    display: flex;
    justify-content: space-around;
}
.seo-row {
    flex: 1;
}
.about-section--buy {
    background-image: url("../img/about-bg3.png?v=hmHGBGBxTITR5nB3b9iHeX21y5c");
    background-size: cover;
    background-position: center;
}
.container--buy {
    display: flex;
    margin: 8rem 0 8rem 0;
}
.buy-col {
    display: flex;
    flex-direction: column;
    max-width: 28.5rem;
    gap: 1rem;
}
.about-section--functions h3 {
    font-size: 1.25rem;
    line-height: 130%;
}
.container--functions {
    display: flex;
    flex-direction: column;
    margin: 6rem 0 6rem 0;
    gap: 3rem;
}
.functions-header {
    display: flex;
    flex-direction: column;
    max-width: 28.5rem;
    gap: 1rem;
}
.functions {
    display: flex;
    gap: 1.5rem;
}
@media (max-width: 768px) {
    .functions {
        flex-direction: column;
    }
    .functions .function {
        flex: unset;
    }
}
.function {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex: 1;
    gap: 1rem;
    padding: 1.5rem;
    background-color: #181818;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-radius: 1rem;
    overflow: hidden;
    border: 0;
}
.function::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1rem;
    padding: 0.125rem;
    background: linear-gradient(135deg, #ffac10 0%, rgba(255, 172, 16, 0.25) 50%, #ffac10 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.function:nth-child(odd)::before {
    background: linear-gradient(225deg, #ffac10 0%, rgba(255, 172, 16, 0.25) 50%, #ffac10 100%);
}
.function h3 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
}
.function svg {
    height: 4rem;
    width: 4rem;
    min-height: 4rem;
    color: #ffac10;
    filter: drop-shadow(0 10px 19px rgba(255, 172, 16, 0.35));
}
.about-section--menus {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.container--menus {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6rem 0 4rem 0;
    gap: 1.5rem;
    z-index: 1;
}
@media (max-width: 768px) {
    .container--menus .embla__button {
        display: none;
    }
}
.embla {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.embla__container {
    display: flex;
    width: 100%;
}
.embla__viewport {
    max-width: 41.875rem;
    border-radius: 1rem;
    overflow: hidden;
}
.embla__slide {
    flex: 0 0 100%;
    min-width: 0;
    position: relative;
}
.embla__slide img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.embla__button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #ffac10;
    border: 0.5rem solid #212123;
    box-sizing: content-box;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
    border-radius: 50%;
    text-decoration: none;
    margin-top: 2.25rem;
}
.embla__dots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}
.embla__dots .embla__dot {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    appearance: none;
    display: flex;
    background: #828292;
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    margin: 0;
}
.embla__dots .embla__dot.embla__dot--selected {
    background: #ffac10;
}
.menus-bg {
    display: flex;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    z-index: 0;
    justify-content: space-between;
    padding: 0 5%;
    overflow: hidden;
}
.menus-bg--top {
    top: 0;
    height: 55%;
    background-color: #ffac10;
}
.menus-bg--top svg {
    color: rgba(33, 33, 35, 0.05);
    height: 75%;
    width: auto;
}
.menus-bg--bottom {
    bottom: 0;
    height: 45%;
    background-color: #212123;
}
.menus-bg--bottom svg {
    color: #2b2b2b;
    height: 60%;
    width: auto;
}
.about-section--prices {
    background-image: url("../img/about-bg-prices.png?v=uNANrePYnI7kllAQ3Ea0KUzsCBk");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #181818;
}
.container--prices {
    display: flex;
    flex-direction: column;
    margin: 6rem 0;
    gap: 3rem;
}
.prices-header {
    display: flex;
    flex-direction: column;
    max-width: 28.5rem;
    gap: 1rem;
}
.prices-card-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}
@media (max-width: 1024px) {
    .prices-card-container {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, minmax(0, 1fr));
        grid-row-gap: 2.5rem;
        align-self: center;
        max-width: 22.5rem;
        width: 100%;
    }
}
.prices-card-outer {
    position: relative;
    display: flex;
    flex: 1;
}
.prices-card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.5rem;
    gap: 5.75rem;
    border-radius: 1rem;
    background-color: #181818;
    overflow: hidden;
}
.prices-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1rem;
    padding: 0.125rem;
    background: linear-gradient(135deg, #ffac10 0%, rgba(255, 172, 16, 0.25) 50%, #ffac10 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.prices-card:nth-child(odd)::before {
    background: linear-gradient(225deg, #ffac10 0%, rgba(255, 172, 16, 0.25) 50%, #ffac10 100%);
}
.prices-card::before {
    z-index: 1;
}
.prices-card::after {
    content: "";
    position: absolute;
    top: -7.25rem;
    left: 14.125rem;
    width: 10.75rem;
    height: 10.75rem;
    border-radius: 50%;
    background: #e89d11;
    filter: blur(3rem);
    pointer-events: none;
}
.prices-card-crown {
    position: absolute;
    top: -18%;
    left: 75%;
    z-index: 3;
}
.prices-card-days {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    position: absolute;
    user-select: none;
    pointer-events: none;
    -webkit-user-select: none;
    cursor: default;
    left: 8.75rem;
    font-size: 12.5rem;
    background: linear-gradient(180deg, #1f1d1b 29%, rgba(31, 29, 27, 0) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    top: -46px;
}
.prices-card-top {
    display: flex;
    align-items: flex-start;
    z-index: 2;
}
.prices-card-term {
    white-space: nowrap;
    border: 0;
    border-radius: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    line-height: 140%;
    transition: background 0.3s, color 0.3s;
    background: rgba(255, 172, 16, 0.15);
    color: #ffac10;
}
.prices-card-term:hover {
    background: rgba(255, 172, 16, 0.25);
}
.prices-card-term:visited {
    color: #ffac10;
}
.prices-card-term:hover {
    cursor: default;
    background: rgba(255, 172, 16, 0.15);
}
.prices-card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}
.prices-card-tag {
    display: flex;
}
.prices-card-tag .price-main {
    font-family: Unbounded, sans-serif;
    color: #fcf9f2;
    font-size: 2rem;
    font-weight: 600;
}
.prices-card-tag .price-usd {
    display: none;
}
.prices-card-tag .price-symbol {
    color: #ffac10;
}
.prices-card-action {
    display: flex;
}
.prices-card-btn {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    appearance: none;
    white-space: nowrap;
    border: 0;
    border-radius: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    line-height: 140%;
    transition: background 0.3s, color 0.3s;
    background: #ffac10;
    color: #181818;
}
.prices-card-btn:hover {
    background: rgba(255, 172, 16, 0.85);
}
.prices-card-btn:visited {
    color: #181818;
}
.faq-container * {
    margin-block: 0.5rem;
}
.faq-container h2:not(:first-child),
.faq-container h3:not(:first-child) {
    margin-block-start: 2rem;
}
.faq-container h2 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    font-size: 1.25rem;
}
.faq-container h3 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    font-size: 1rem;
}
.faq-container h4 {
    font-family: Unbounded, sans-serif;
    font-weight: 500;
    font-size: 1rem;
}
.modal {
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    transition-property: opacity, visibility, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s, 0.3s, 0s, 0s;
}
.modal.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    backdrop-filter: blur(0.75rem);
    -webkit-backdrop-filter: blur(0.75rem);
    transition-delay: 0s;
}
.modal.is-open .modal-overlay {
    transform: translateY(0);
    opacity: 1;
}
.modal-overlay {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    padding-bottom: 5vh;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: min(12.625rem, 20vh);
    background: rgba(24, 24, 24, 0.8);
    transform: translateY(-10px);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.modal-container {
    display: flex;
    align-self: center;
    padding: 1.5rem;
    border-radius: 1rem;
    background-color: #212123;
}
.modal-container--dialog {
    max-width: 22.5rem;
    width: 22.5rem;
}
.modal-body {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
}
.modal-header {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.modal-header h2 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 135%;
}
.modal-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.modal-form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.modal-desc a {
    color: #828292;
    font-weight: 400;
    line-height: 140%;
    font-size: 0.875rem;
    text-decoration: underline;
    text-underline-offset: 0.25rem;
    transition: background 0.3s, color 0.3s;
}
.modal-desc a:hover {
    color: #ababb6;
}
.form-radio-options {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
}
.form-radio-options .form-radio-button {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    appearance: none;
    white-space: nowrap;
    border: 0;
    border-radius: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    line-height: 140%;
    transition: background 0.3s, color 0.3s;
    padding: 0.75rem 1.25rem;
    background: #2c2c30;
    color: #828292;
}
.form-radio-options .form-radio-button:hover {
    background: #38383d;
    color: #9d9daa;
}
.form-radio-options input[type="radio"]:checked + .form-radio-button {
    background: #ffac10;
    color: #181818;
}
.form-inputs {
    display: flex;
    flex-direction: column;
}
.form-desc {
    padding: 0.5rem 0;
}
.modal-actions--form {
    padding-top: 0.75rem;
}
.modal-actions--form > .button-link-secondary {
    align-self: flex-start;
}
.modal-actions {
    display: flex;
    flex-direction: column;
}
.modal-actions .button,
.modal-actions .button-submit {
    display: flex;
    justify-content: center;
    text-align: center;
}
.modal-container--manual {
    max-width: 46.5rem;
}
@media (max-width: 768px) {
    .modal-container--manual {
        max-width: 90%;
    }
}
.modal-container--manual a,
.modal-container--manual a:visited {
    color: #ffac10;
    transition: background 0.3s, color 0.3s;
}
.modal-container--manual a:hover,
.modal-container--manual a:visited:hover {
    color: #ffbe43;
}
.modal-media {
    display: flex;
    min-height: 0;
    border-radius: 0.75rem;
    overflow: hidden;
}
.youtube-video {
    display: flex;
    width: 100vw;
    height: 392px;
}
@media (max-width: 768px) {
    .youtube-video {
        width: 90vw;
        height: 320px;
    }
}
@media (max-width: 500px) {
    .youtube-video {
        height: 200px;
    }
}
.modal-container--changesUpdates {
    padding-bottom: 0;
    width: 90%;
    max-height: min(50rem, 70vh);
    max-width: 46.5rem;
}
@media (max-width: 768px) {
    .modal-container--changesUpdates {
        max-height: 75%;
    }
}
.modal-content--changesUpdates {
    overflow-y: auto;
}
.changesUpdates-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 1.5rem;
    gap: 1rem;
}
.changesUpdates-container.show {
    display: flex;
}
.changesUpdates-entry {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: 0.25rem;
}
.changesUpdates-entry.update {
    gap: 1rem;
}
.changesUpdates-entry-time {
    display: flex;
}
.changesUpdates-entry-time > *:not(:first-child) {
    display: flex;
}
.changesUpdates-entry-time > *:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #ffac10;
    border-radius: 50%;
    align-self: center;
    margin: 0 0.25rem;
}
.changesUpdates-entry-time span {
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
    color: #ffac10;
}
.changesUpdates-entry-content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.changesUpdates-entry-content h2:not(:first-child),
.changesUpdates-entry-content h3:not(:first-child) {
    margin-block-start: 0.875rem;
}
.changesUpdates-entry-content h2,
.changesUpdates-entry-content h3 {
    font-family: "SF Pro", sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
}
.changesUpdates-entry-content h4 {
    font-family: "SF Pro", sans-serif;
    font-weight: 500;
    font-size: 1rem;
}
.changesUpdates-entry-content code {
    padding: 0.125rem;
    border-radius: 4px;
    background-color: #2c2c30;
}
.changesUpdates-entry-content img {
    border-radius: 1rem;
    margin: 0 auto;
    max-width: 90%;
}
.changesUpdates-entry-content a,
.changesUpdates-entry-content a:visited {
    color: #ffac10;
    transition: background 0.3s, color 0.3s;
}
.changesUpdates-entry-content a:hover,
.changesUpdates-entry-content a:visited:hover {
    color: #ffbe43;
}
.changesUpdates-entry-content span {
    max-width: 100%;
}
.updates-buttons {
    display: flex;
    gap: 0.5rem;
}
.button--changesUpdates {
    background: rgba(255, 172, 16, 0.15);
    color: #ffac10;
}
.button--changesUpdates:hover {
    background: rgba(255, 172, 16, 0.25);
}
.button--changesUpdates:visited {
    color: #ffac10;
}
.button--changesUpdates.active {
    background: #ffac10;
    color: #181818;
}
.button--changesUpdates.active:hover {
    background: rgba(255, 172, 16, 0.85);
}
.button--changesUpdates.active:visited {
    color: #181818;
}
.bg {
    display: flex;
    flex: 1;
    justify-content: center;
    background: #181818 url("../img/bg-default.png?v=XzoY6PlxMUVzLyF4XAdFx9THXyc") top center no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
}
.article-index-container {
    display: flex;
    flex-direction: column;
    width: 90%;
    max-width: 70.5rem;
    gap: 2rem;
    margin: 3rem 0 6rem 0;
}
.article-block-link {
    display: flex;
    text-decoration: none;
    color: #828292;
}
.article-block-link:visited {
    color: #828292;
}
.article-index-body {
    display: grid;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, 0fr);
}
@media (max-width: 768px) {
    .article-index-body {
        width: 100%;
        align-self: center;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}
.article-index-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
}
.article-index-header h1 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    font-size: 2.5rem;
}
.article-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    flex: 0 1 auto;
    background-color: #212123;
    border-radius: 1rem;
    overflow: hidden;
}
@media (max-width: 768px) {
    .article-block {
        max-width: unset;
    }
}
.article-block-image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 11.0625rem;
}
.article-block-image img {
    object-fit: cover;
    flex-shrink: 0;
    min-width: 0;
    width: 100%;
    min-height: 100%;
}
.article-block-info {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    gap: 1rem;
}
.article-block-stats {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .article-block-stats {
        justify-content: space-between;
    }
    .article-block-stats .info-option {
        flex-direction: column;
    }
}
.info-option {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.info-option svg {
    width: 1.25rem;
    height: 1.25rem;
}
.info-option.accent {
    color: #ffac10;
    font-weight: 600;
}
.article-block-text {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.article-block-text h2 {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 135%;
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
}
.pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 0.5rem;
    transition: background 0.3s, color 0.3s;
}
.pagination a.pagination-arrow {
    width: 1.5rem;
    height: 1.5rem;
}
.pagination a.page-link {
    padding: 0.3125rem 0.625rem;
    background: rgba(130, 130, 146, 0.15);
    color: #828292;
}
.pagination a.page-link:hover {
    background: rgba(130, 130, 146, 0.25);
    color: #fcf9f2;
}
.pagination a.page-link.active {
    background: rgba(255, 172, 16, 0.15);
    color: #ffac10;
}
.pagination a.page-link.active:hover {
    background: rgba(255, 172, 16, 0.25);
}
.article-container {
    display: flex;
    width: 90%;
    max-width: 70.5rem;
    gap: 1.5rem;
    margin: 3rem 0 9.25rem 0;
}
@media (max-width: 768px) {
    .article-container {
        flex-direction: column;
        margin: 3rem 0;
    }
}
.article-main {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    width: 100%;
    max-width: 52.5rem;
    border-radius: 1rem;
    overflow: hidden;
}
.article-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: end;
    gap: 1rem;
    position: relative;
    height: 23.25rem;
    padding: 3rem 6rem;
    padding-top: unset;
    color: #fcf9f2;
}
.article-header > :not(:first-child) {
    z-index: 2;
}
@media (max-width: 768px) {
    .article-header {
        padding: 0 2rem 2rem;
    }
}
@media (max-width: 500px) {
    .article-header {
        padding: 0 1.5rem 1.5rem;
    }
}
.article-header-title {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
}
.article-header-stats {
    display: flex;
    gap: 1rem;
    padding: 0.75rem 1.125rem;
    border-radius: 1rem;
    overflow: hidden;
    background-color: rgba(252, 249, 242, 0.15);
    backdrop-filter: blur(0.75rem);
    -webkit-backdrop-filter: blur(0.75rem);
}
@media (max-width: 500px) {
    .article-header-stats .info-option:last-child {
        display: none;
    }
}
.article-header-image,
.article-suggested-image {
    display: flex;
    max-width: 100%;
}
.article-header-image svg,
.article-header-image img,
.article-suggested-image svg,
.article-suggested-image img {
    object-fit: cover;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
}
.article-header-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffac10;
}
.article-header-image::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(33, 33, 35, 0) 0%, rgba(33, 33, 35, 0.85) 54.9%, rgba(33, 33, 35, 0.95) 100%);
}
.article-content {
    display: flex;
    flex-direction: column;
    padding: 3rem 6rem;
    background-color: #212123;
}
.article-content img {
    height: auto;
    width: auto;
}
@media (max-width: 768px) {
    .article-content {
        padding: 2rem 2rem;
    }
}
@media (max-width: 500px) {
    .article-content {
        padding: 1rem 1rem;
    }
}
.article-text {
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
}
.article-text * {
    margin-block: 0.5rem;
}
.article-text h2:not(:first-child),
.article-text h3:not(:first-child) {
    margin-block-start: 2rem;
}
.article-text h2,
.article-text h3 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    font-size: 1.25rem;
}
.article-text h4 {
    font-family: Unbounded, sans-serif;
    font-weight: 500;
    font-size: 1rem;
}
.article-text code {
    padding: 0.125rem;
    border-radius: 4px;
    background-color: #2c2c30;
}
.article-text img {
    border-radius: 1rem;
    margin: 0 auto;
    max-width: 100%;
}
.article-text span {
    max-width: 100%;
}
.article-text a,
.article-text a:visited {
    text-decoration: underline;
    color: #ffac10;
    transition: background 0.3s, color 0.3s;
}
.article-text a:hover,
.article-text a:visited:hover {
    color: #ffbe43;
}
.article-rate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    margin-top: 2rem;
    border-radius: 1rem;
    background-color: #2c2c30;
}
.article-rate-text {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    font-size: 1.25rem;
}
.article-rate-text-login a,
.article-rate-text-login a:visited {
    color: #ffac10;
    transition: background 0.3s, color 0.3s;
}
.article-rate-text-login a:hover,
.article-rate-text-login a:visited:hover {
    color: #ffbe43;
}
.article-rate-text-login a h4,
.article-rate-text-login a:visited h4 {
    color: #ffac10;
    transition: background 0.3s, color 0.3s;
}
.article-rate-text-login a h4:hover,
.article-rate-text-login a:visited h4:hover {
    color: #ffbe43;
}
.article-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 16.5rem;
}
@media (max-width: 768px) {
    .article-sidebar {
        max-width: unset;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 1rem;
    }
    .article-sidebar .article-sidebar-item--suggested {
        grid-column: 1;
        grid-row: 1;
    }
    .article-sidebar .article-sidebar-item--sub {
        grid-column: 2;
        grid-row: 1;
    }
    .article-sidebar .article-sidebar-item--suggested-more {
        grid-column: 1 / span 2;
        grid-row: 2;
    }
    .article-sidebar .article-sidebar-item-body {
        height: 100%;
        justify-content: center;
        gap: 1rem;
    }
    .article-sidebar .subscribe-item-button {
        flex-direction: unset;
        align-items: unset;
    }
}
@media (max-width: 680px) {
    .article-sidebar .subscribe-item {
        flex-direction: column;
    }
}
@media (max-width: 500px) {
    .article-sidebar {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .article-sidebar .article-sidebar-item {
        grid-column: unset;
        grid-row: unset;
    }
    .article-sidebar .subscribe-item {
        flex-direction: unset;
    }
}
.article-rate-actions {
    display: flex;
    padding: 0.5rem;
    align-items: center;
    border-radius: 0.75rem;
    background-color: rgba(130, 130, 146, 0.15);
    gap: 1rem;
}
.article-rate-actions button {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    appearance: none;
    cursor: pointer;
    display: grid;
    align-items: center;
}
.article-rate-actions svg {
    height: 1.5rem;
    width: 1.5rem;
}
.like-action .active-like {
    color: #ffac10;
}
.like-action .active-dislike {
    color: #f73757;
}
.like-action .notActive-like,
.like-action .notActive-dislike {
    color: #fcf9f2;
}
.article-suggested-link {
    text-decoration: none;
    color: #828292;
}
.article-suggested-link:visited {
    color: #828292;
}
.article-sidebar-item {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    gap: 1.5rem;
    border-radius: 1rem;
    background-color: #212123;
}
.article-sidebar-item h2 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 135%;
    letter-spacing: 0%;
}
.article-sidebar-item h3 {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
}
.article-sidebar-item-body {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.article-suggested-body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.article-suggested-image {
    max-height: 6.25rem;
    border-radius: 0.75rem;
    overflow: hidden;
}
.article-suggested-content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.article-suggested-stats {
    display: flex;
    align-items: center;
}
.article-suggested-stats > *:not(:first-child) {
    display: flex;
}
.article-suggested-stats > *:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #828292;
    border-radius: 50%;
    margin: 0 0.35rem;
    align-self: center;
}
.subscribe-item {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
.subscribe-item-body {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.subscribe-item-title {
    font-weight: 600;
    color: #fcf9f2;
}
.subscribe-item-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.button-primary--sub {
    width: 100%;
}
.article-suggested-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.article-suggested-item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.article-suggested-item h4 {
    font-weight: 400;
}
.article-block-stats--suggested {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .article-block-stats--suggested {
        justify-content: unset;
    }
}
@media (min-width: 768px) {
    .article-block-stats--suggested {
        gap: unset;
    }
}
.container-page {
    display: flex;
    flex-direction: column;
    justify-content: left;
    margin: 3rem 0 9.25rem 0;
}
.content {
    display: flex;
    flex-direction: column;
    max-width: 46.5rem;
    padding: 1.5rem;
    background-color: #212123;
    border-radius: 1rem;
}
.content h1 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
}
.content h2 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    font-size: 1.25rem;
}
.content h2:not(:first-child) {
    margin-block-start: 2rem;
}
.content p {
    margin-block-start: 0.5rem;
}
.content a,
.content a:visited {
    color: #ffac10;
    transition: background 0.3s, color 0.3s;
}
.content a:hover,
.content a:visited:hover {
    color: #ffbe43;
}
.bg-404 {
    display: flex;
    flex-direction: column;
}
.container--404 {
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 4rem 0;
}
.error-404 {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 1rem;
}
.error-404 h1,
.error-404 h2 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    font-size: 1.25rem;
}
.error-404 a {
    color: #ffac10;
    transition: background 0.3s, color 0.3s;
}
.error-404 a:hover {
    color: #ffbe43;
}
.text-404 {
    font-size: 6rem !important;
}
.container--profile {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 3rem 0 9.25rem 0;
}
.container--profile h1 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
}
.container--profile h2 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    font-size: 1.25rem;
}
@media (max-width: 768px) {
    .container--profile {
        margin: 3rem 0;
    }
}
.container-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1rem;
}
.container-header h1 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
}
.container-header p {
    text-align: center;
    color: #ffac10;
}
.container-header a,
.container-header a:visited {
    text-decoration: none;
    color: #ffac10;
    transition: background 0.3s, color 0.3s;
}
.container-header a:hover,
.container-header a:visited:hover {
    color: #ffbe43;
}
@media (max-width: 680px) {
    .container-content--profile {
        flex-direction: column-reverse;
    }
}
.profile-main-container {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    border-radius: 1rem;
    overflow: hidden;
    padding: 1.5rem;
    flex-shrink: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #212123;
    background-image: url("../img/bg-manage.png?v=fXaNtuSrtwK8sH1bjUu-9MDJ49I");
}
@media (max-width: 1024px) {
    .profile-main-container {
        background: #212123;
    }
}
@media (max-width: 768px) {
    .profile-main-container {
        flex-shrink: 0;
        flex-grow: 1;
        width: unset;
    }
}
.profile-main {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    min-height: 28.125rem;
    max-width: 19.25rem;
}
@media (max-width: 1024px) {
    .profile-main {
        max-width: unset;
    }
}
.profile-main-top {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.profile-sub-status-view {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    width: 100%;
    background: #2c2c30;
    border-radius: 0.75rem;
}
.profile-sub-status-title {
    color: #fcf9f2;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 135%;
    letter-spacing: 0%;
}
.profile-sub-status-text {
    display: flex;
    padding: 0.25rem;
}
.profile-sub-status-icon {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    overflow: hidden;
    padding: 0.5rem;
    border: 0.125rem solid #ffac10;
    border-radius: 0.75rem;
}
.profile-sub-status-icon p {
    font-family: Unbounded, sans-serif;
    text-align: center;
    white-space: nowrap;
}
.profile-sub-status-icon.active {
    border: 0.125rem solid #ffac10;
    color: #ffac10;
}
.profile-sub-status-icon.suspended {
    border: 0.125rem solid #37a4f7;
    color: #37a4f7;
}
.profile-sub-status-icon.missing {
    border: 0.125rem solid #f73757;
    color: #f73757;
}
.profile-sub-status-icon::after {
    content: "";
    position: absolute;
    width: 2.625rem;
    height: 2.625rem;
    bottom: -2rem;
    border-radius: 50%;
    filter: blur(0.875rem);
    pointer-events: none;
}
.profile-sub-status-icon.active::after {
    background: #ffac10;
}
.profile-sub-status-icon.suspended::after {
    background: #37a4f7;
}
.profile-sub-status-icon.missing::after {
    background: #f73757;
}
.profile-sub-status-text {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.profile-sub-status-security {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.cheat-status {
    display: flex;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
}
.cheat-status p {
    font-weight: 500;
}
.cheat-status--undetected {
    background-color: rgba(55, 247, 100, 0.15);
    color: #37f764;
}
.cheat-status--updating {
    background-color: rgba(255, 172, 16, 0.15);
    color: #ffac10;
}
.cheat-status--detected {
    background-color: rgba(247, 55, 87, 0.15);
    color: #f73757;
}
.profile-sub-status-controls {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.profile-sub-status-actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.profile-sub-status-action-buttons {
    display: flex;
    gap: 0.5rem;
}
.profile-sub-status-action-buttons a {
    width: 100%;
    text-align: center;
}
.profile-sub-status-message {
    line-height: 125%;
}
.profile-sub-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.profile-sub-buttons a {
    display: flex;
    justify-content: center;
}
.button-sub-download {
    position: relative;
    color: #ffac10;
    border-radius: 0.75rem;
    border: 1px solid #ffac10;
    font-weight: 500;
    overflow: hidden;
}
.button-sub-download:visited {
    color: #ffac10;
}
.button-sub-download::before {
    position: absolute;
    pointer-events: none;
    content: "";
    height: 7.5rem;
    width: 7.5rem;
    border-radius: 50%;
    right: -3.5rem;
    top: -7rem;
    background-color: #ffac10;
    filter: blur(3rem);
}
.button-sub-download::after {
    position: absolute;
    pointer-events: none;
    content: "";
    height: 7.5rem;
    width: 7.5rem;
    border-radius: 50%;
    left: -3.5rem;
    bottom: -7rem;
    background-color: #ffac10;
    filter: blur(3rem);
}
.button-sub-download:hover {
    background-color: rgba(255, 172, 16, 0.15);
}
.profile-sidebar {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 1rem;
    overflow: hidden;
    background: #212123;
    max-width: 22.5rem;
    width: 100%;
}
@media (max-width: 1024px) {
    .profile-sidebar {
        max-width: unset;
    }
}
@media (max-width: 768px) {
    .profile-sidebar {
        width: unset;
        flex-grow: 0;
        flex-shrink: 1;
    }
}
.profile-sidebar-title {
    display: flex;
    padding-bottom: 0.5rem;
}
.profile-sidebar-view {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
}
.profile-sidebar-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.profile-sidebar-item h4 {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 135%;
    letter-spacing: 0%;
}
.profile-sidebar-actions {
    display: flex;
    flex-direction: column;
}
.profile-sidebar-actions a,
.profile-sidebar-actions button {
    width: 100%;
}
.profile-sidebar-action-item {
    display: flex;
    font-size: 1.125rem;
    line-height: 135%;
    cursor: pointer;
    border-bottom: 2px solid #40404a;
    transition: background 0.1s, color 0.1s ease-in;
}
.profile-sidebar-action-item a,
.profile-sidebar-action-item button {
    padding: 1rem 1.5rem;
}
.profile-sidebar-action-item:last-child,
.profile-sidebar-action-item.active {
    border-bottom: 0;
}
.profile-sidebar-action-item.active {
    background-color: #ffac10;
    color: #181818;
}
.profile-sidebar-action-item:hover {
    background-color: #2d2d30;
}
.profile-sidebar-action-item.active:hover {
    background-color: #ffb52a;
}
.modal-form.activation .form-icon-wrapper {
    position: relative;
}
.modal-form.activation .form-icon-wrapper::before {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
}
.modal-form.activation.success .form-icon-wrapper::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6052 6.89497C16.7982 6.66347 16.7669 6.3194 16.5354 6.12648C16.3039 5.93356 15.9598 5.96484 15.7669 6.19634L11.845 10.9026C11.0572 11.8479 10.5031 12.5109 10.0224 12.9449C9.55292 13.3689 9.22893 13.5036 8.91081 13.5036C8.59269 13.5036 8.2687 13.3689 7.79923 12.9449C7.31856 12.5109 6.76437 11.8479 5.97658 10.9026L4.96483 9.68847C4.77191 9.45696 4.42785 9.42568 4.19634 9.61861C3.96484 9.81153 3.93356 10.1556 4.12648 10.3871L5.16631 11.6349C5.9195 12.5387 6.52268 13.2626 7.06786 13.7549C7.631 14.2634 8.20667 14.5949 8.91081 14.5949C9.61496 14.5949 10.1906 14.2634 10.7538 13.7549C11.2989 13.2626 11.9021 12.5388 12.6553 11.6349L16.6052 6.89497Z' fill='%23FFAC10'/%3E%3C/svg%3E%0A");
}
.modal-form.activation.fail .form-icon-wrapper::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.7128 16.7729C16.0057 17.0658 16.4805 17.0658 16.7734 16.7729C17.0663 16.48 17.0663 16.0052 16.7734 15.7123L13.0611 12L16.7734 8.2877C17.0663 7.99481 17.0663 7.51993 16.7734 7.22704C16.4805 6.93415 16.0057 6.93415 15.7128 7.22704L12.0005 10.9393L8.28815 7.22699C7.99526 6.9341 7.52038 6.9341 7.22749 7.22699C6.9346 7.51989 6.9346 7.99476 7.22749 8.28765L10.9398 12L7.22748 15.7123C6.93459 16.0052 6.93459 16.4801 7.22748 16.773C7.52038 17.0659 7.99525 17.0659 8.28814 16.773L12.0005 13.0606L15.7128 16.7729Z' fill='%23F73757'/%3E%3C/svg%3E%0A");
}
.container-content--referral {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 4.5rem;
}
@media (max-width: 768px) {
    .container-content--referral {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}
.container--referral {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem 0 9.25rem 0;
    gap: 3rem;
}
.container-header--referral {
    max-width: 33.25rem;
}
.container-header--referral a {
    text-decoration: underline;
}
.referral-col {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1 1 0;
    gap: 3rem;
}
.referral-inner-container {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 2rem;
    background: #212123;
    border-radius: 1rem;
}
.referral-inner-container.expanded .referral-separator {
    visibility: visible;
    opacity: 1;
}
.referral-inner-container.expanded .referral-container--lower {
    max-height: 20rem;
}
.referral-inner-container.expanded + .referral-details-container {
    visibility: visible;
    max-height: 25rem;
    opacity: 1;
}
.referral-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.referral-container h2 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    font-size: 1.25rem;
    text-align: center;
}
.referral-container p {
    text-align: center;
}
.referral-container--upper {
    background-position: top;
    background-repeat: no-repeat;
    padding: 35% 1.5rem 0 1.5rem;
    margin-bottom: 1rem;
}
.referral-upper-content {
    margin-bottom: 1rem;
}
.referral-bg--youtuber {
    background-image: url("../img/referral-bg-youtuber.png?v=3RjPmQgVFRJpodDqA6CaLgb6WpA");
}
.referral-bg--customer {
    background-image: url("../img/referral-bg-customer.png?v=3RjPmQgVFRJpodDqA6CaLgb6WpA");
}
.referral-bg-container {
    display: flex;
    position: relative;
    pointer-events: none;
}
.referral-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3rem;
}
.referral-bg img {
    object-fit: cover;
    flex-shrink: 0;
    max-width: 100%;
    max-height: 100%;
}
.referral-separator {
    display: block;
    visibility: hidden;
    width: 80%;
    height: 0.125rem;
    background-image: repeating-linear-gradient(to right, #40404a 0, #40404a 0.625rem, transparent 0.625rem, transparent 1.25rem);
    border-radius: 1px;
    margin: auto;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s ease-in-out;
}
.referral-container--lower {
    max-height: 0;
    overflow: hidden;
    margin-top: 1rem;
    transition: max-height 0.5s ease-in-out;
}
.referral-container-subcontainer {
    display: flex;
    flex-direction: column;
    margin: 0 1.5rem 3rem 1.5rem;
    gap: 1.5rem;
}
.referral-lower-content {
    display: grid;
    padding: 0 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}
@media (max-width: 1024px) {
    .referral-lower-content {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}
.referral-feature {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}
.referral-feature-icon {
    max-height: 2.5rem;
    max-width: 2.5rem;
}
.referral-feature-icon:has(> p) {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    border: 2px solid #828292;
    border-radius: 6px;
}
.referral-feature-icon:has(> p) p {
    color: #828292;
    font-family: Unbounded;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 130%;
}
.referral-feature-icon {
    display: flex;
}
.referral-feature-text {
    display: flex;
}
.referral-feature-text p {
    color: #fcf9f2;
    text-align: left;
    line-height: 140%;
    letter-spacing: 0%;
}
.referral-collapse {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    background: #ffac10;
    border: 0.5rem solid #181818;
    box-sizing: content-box;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}
.referral-collapse svg {
    transition: transform 0.3s ease-in-out;
}
.referral-collapse.active svg {
    transform: scaleY(-1);
}
.referral-details-container {
    display: flex;
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s, visibility 0.5s, opacity 0.5s ease-in-out;
}
.referral-details {
    display: flex;
    padding: 1.5rem;
    gap: 0.5rem;
    background-color: #212123;
    border-radius: 1rem;
}
.container--ref-stats {
    display: flex;
    flex-direction: column;
    width: 90%;
    max-width: 58.5rem;
    align-items: center;
    margin: 3rem 0 9.25rem 0;
    gap: 2rem;
}
.container-content--ref-stats {
    gap: 1rem;
    flex-direction: column;
    width: 100%;
}
.ref-link {
    display: flex;
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    background: #2c2c30;
}
.ref-link p,
.ref-link span,
.ref-link a {
    font-weight: 500;
}
.ref-link a,
.ref-link a:visited {
    color: #ffac10;
    transition: background 0.3s, color 0.3s;
}
.ref-link a:hover,
.ref-link a:visited:hover {
    color: #ffbe43;
}
.ref-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 28.5rem;
    border-radius: 1rem;
    background: #212123;
    padding: 0 1.5rem 1.5rem 1.5rem;
}
.ref-tabs {
    display: flex;
    gap: 0.5rem;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.ref-tabs::-webkit-scrollbar {
    display: none;
}
.ref-tab {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    background: #2c2c30;
    transition: background 0.2s, color 0.2s ease-in-out;
}
.ref-tab:hover {
    background-color: #313135;
}
.ref-tab a {
    padding: 1.5rem;
    font-weight: 500;
    font-size: 1.125rem;
    text-decoration: none;
    color: #828292;
}
.ref-tab.active a {
    color: #fcf9f2;
}
.ref-tab.active::before {
    position: absolute;
    top: 0;
    content: "";
    height: 0.25rem;
    width: 3rem;
    background: #ffac10;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.ref-table-container {
    display: flex;
    width: 100%;
    padding: 0 1.5rem;
}
@media (max-width: 768px) {
    .ref-table-container {
        padding: unset;
    }
    .ref-table-container .ref-table--referrals .ref-table-header,
    .ref-table-container .ref-table--referrals .ref-table-row,
    .ref-table-container .ref-table--withdrawals .ref-table-header,
    .ref-table-container .ref-table--withdrawals .ref-table-row {
        grid-template-columns: repeat(3, 1fr);
    }
}
.ref-table {
    width: 100%;
}
.ref-table-header {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 1rem;
}
.ref-table-header .header-cell {
    font-weight: 500;
    text-align: left;
}
.ref-table-body {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: #fcf9f2;
}
.ref-table-body .ref-table-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}
.ref-withdrawal-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: 1fr;
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
}
@media (max-width: 1024px) {
    .ref-withdrawal-actions {
        grid-template-columns: repeat(2, minmax(0, 2fr));
        grid-template-rows: auto;
    }
}
@media (max-width: 500px) {
    .ref-withdrawal-actions {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}
.ref-withdrawal-item {
    display: flex;
    flex: 1;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.75rem;
    background: #2c2c30;
}
.ref-withdrawal-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
}
.ref-withdrawal-item-icon {
    display: flex;
    align-items: center;
}
.ref-withdrawal-item-title {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 135%;
    letter-spacing: 0%;
    color: #fcf9f2;
}
.ref-withdrawal-action {
    white-space: nowrap;
    border: 0;
    border-radius: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    line-height: 140%;
    transition: background 0.3s, color 0.3s;
    background: #ffac10;
    color: #181818;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    font-size: 1.125rem;
}
.ref-withdrawal-action:hover {
    background: rgba(255, 172, 16, 0.85);
}
.ref-withdrawal-action:visited {
    color: #181818;
}
.modal-container--withdraw {
    max-width: 22.5rem;
}
.form-inputs--withdraw {
    gap: 0.5rem;
}
.form-inputs--withdraw .form-text {
    color: #fcf9f2;
    font-weight: 500;
}
.form-text-wrapper {
    display: flex;
    align-items: first baseline;
    border-radius: 0.75rem;
    padding: 0.75rem 1.5rem;
    background-color: #2c2c30;
    font-weight: 500;
    gap: 0.125rem;
}
.form-text-wrapper span {
    color: #828292;
}
.form-text-wrapper input {
    position: relative;
    color: #fcf9f2;
    border: 0;
    outline: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    vertical-align: middle;
    background: transparent;
    min-width: 0;
    margin-top: 1px;
}
.form-text-wrapper input:focus {
    outline: 0;
}
.button-withdraw-tab {
    white-space: nowrap;
    border: 0;
    border-radius: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    line-height: 140%;
    transition: background 0.3s, color 0.3s;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}
.button-withdraw-tab.active {
    background: #ffac10;
    color: #181818;
}
.button-withdraw-tab.active:hover {
    background: rgba(255, 172, 16, 0.85);
}
.button-withdraw-tab.active:visited {
    color: #181818;
}
.container--functionality {
    display: flex;
    flex-direction: column;
    gap: 8rem;
    margin: 3rem 0 8rem 0;
}
@media (max-width: 768px) {
    .container--functionality {
        gap: 4rem;
        margin: 3rem 0;
    }
}
.container-function-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1rem;
}
.container-function-header h1,
.container-function-header h2 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
}
.container-function {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.container-function-content--gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}
@media (max-width: 768px) {
    .container-function-content--gallery {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}
.function-gallery-card {
    display: flex;
    flex: 1;
    flex-direction: column;
    border-radius: 1rem;
    overflow: hidden;
    background: #212123;
}
.function-gallery-card-image {
    display: flex;
    max-height: 12.75rem;
}
.function-gallery-card-image img {
    object-fit: cover;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
}
.function-gallery-card-content {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    gap: 1rem;
}
.function-gallery-card-content h3 {
    font-family: Unbounded, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0%;
    font-size: 1.25rem;
}
.function-gallery-card-content p {
    line-height: 140%;
}
.container-function--video {
    padding: 0 6rem;
}
@media (max-width: 1024px) {
    .container-function--video {
        padding: unset;
    }
}
.video-container {
    display: flex;
    position: relative;
    min-height: 0;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
.video-container iframe {
    width: 100vw;
    height: 528px;
}
@media (max-width: 1024px) {
    .video-container iframe {
        height: 400px;
    }
}
@media (max-width: 768px) {
    .video-container iframe {
        height: 320px;
    }
}
@media (max-width: 500px) {
    .video-container iframe {
        height: 200px;
    }
}
.function-menu {
    display: flex;
    background: #212123;
    border-radius: 1rem;
    overflow: hidden;
}
.function-category-switcher {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    max-width: 11.75rem;
    width: 100%;
    background: #2c2c30;
}
@media (max-width: 768px) {
    .function-category-switcher {
        width: unset;
    }
    .function-category-switcher .function-category-tab-name,
    .function-category-switcher svg {
        display: none;
    }
    .function-category-switcher .function-category-tab.is-disabled::before {
        color: #f73757;
    }
    .function-category-switcher .function-category-tab.is-disabled.is-active::before {
        color: #181818;
    }
}
.function-category-tab {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #fcf9f2;
    padding: 1.625rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 135%;
    border-bottom: 1.5px solid #40404a;
    transition: background 0.15s, color 0.15s ease-in-out;
}
.function-category-tab:hover {
    background-color: #313135;
}
.function-category-tab:before {
    display: inline-block;
    content: "";
    background-color: currentColor;
    width: 1.5rem;
    height: 1.5rem;
    color: #828292;
}
.function-category-tab:last-child {
    border-bottom: 0;
}
.function-category-tab.is-active {
    background: #ffac10;
    color: #181818;
}
.function-category-tab.is-active:before {
    color: inherit;
}
.function-category-tab.is-disabled {
    color: #828292;
}
.function-category-tab.is-disabled svg {
    color: #f73757;
}
.function-category-tab.is-disabled.is-active {
    background: #f73757;
    color: #fcf9f2;
}
.function-category-tab.is-disabled.is-active svg {
    color: #fcf9f2;
}
.function-category-tab.function-category-tab--rage::before {
    mask: url("../icons/flash.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
    -webkit-mask: url("../icons/flash.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
}
.function-category-tab.function-category-tab--legit::before {
    mask: url("../icons/crosshair.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
    -webkit-mask: url("../icons/crosshair.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
}
.function-category-tab.function-category-tab--visuals::before {
    mask: url("../icons/eye1.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
    -webkit-mask: url("../icons/eye1.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
}
.function-category-tab.function-category-tab--changers::before {
    mask: url("../icons/exchange.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
    -webkit-mask: url("../icons/exchange.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
}
.function-category-tab.function-category-tab--misc::before {
    mask: url("../icons/loading.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
    -webkit-mask: url("../icons/loading.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
}
.function-category-tab.function-category-tab--config::before {
    mask: url("../icons/disk.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
    -webkit-mask: url("../icons/disk.svg?v=5t1YXuBu3io1qIp0FLOAhyEfLlw") no-repeat center;
}
.function-category-body {
    display: none;
    flex-direction: column;
    margin-left: 1.5rem;
    max-height: 28.5rem;
    overflow: auto;
}
.function-category-body.is-active {
    display: flex;
}
.function-tabs {
    display: flex;
    gap: 0.5rem;
    padding-right: 1rem;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.function-tabs::-webkit-scrollbar {
    display: none;
}
.function-tab {
    cursor: pointer;
    padding: 1.5rem;
    background: #2c2c30;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-size: 1.125rem;
    line-height: 135%;
    transition: background 0.2s, color 0.2s ease-in-out;
}
.function-tab:hover {
    background-color: #313135;
}
.function-tab.is-active {
    color: #fcf9f2;
    position: relative;
    display: flex;
    justify-content: center;
}
.function-tab.is-active:before {
    position: absolute;
    display: inline-block;
    content: "";
    height: 0.25rem;
    width: calc(100% - 3.25rem);
    background: #ffac10;
    top: 0;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.function-tab-body {
    display: none;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 0.5rem;
    overflow-y: auto;
}
.function-tab-body.is-active {
    display: flex;
}
.function-section {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.function-section:first-child {
    padding-top: 1rem;
}
.function-section:last-child {
    padding-bottom: 1.5rem;
}
.function-section-name {
    text-transform: uppercase;
    color: #fcf9f2;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 135%;
}
.function-section-features {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.function-feature {
    flex-shrink: 0;
    padding: 0.75rem 1rem;
    background: #2c2c30;
    border-radius: 0.75rem;
    transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}
.function-feature:hover {
    color: #ffac10;
    background: rgba(255, 172, 16, 0.15);
}
.tippy-box[data-theme~="vredux"] {
    color: #181818;
    background: #fcf9f2;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    overflow-wrap: break-word;
}
.tippy-box[data-theme~="vredux"][data-placement^="top"] .tippy-arrow:before {
    border-top-color: #fcf9f2;
}
.tippy-box[data-theme~="vredux"][data-placement^="bottom"] .tippy-arrow:before {
    border-bottom-color: #fcf9f2;
}
.tippy-box[data-theme~="vredux"][data-placement^="left"] .tippy-arrow:before {
    border-left-color: #fcf9f2;
}
.tippy-box[data-theme~="vredux"][data-placement^="right"] .tippy-arrow:before {
    border-right-color: #fcf9f2;
}
.function-category-body {
    flex: 1;
}
.function-category-body.is-disabled {
    gap: 1rem;
    align-items: center;
    justify-content: center;
}
.category-disabled-icon {
    color: #f73757;
}
.category-disabled-text {
    color: #fcf9f2;
    font-size: 1.125rem;
    line-height: 135%;
    max-width: 20.625rem;
    text-align: center;
}
.auth-page {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 100%;
}
.auth-page::before {
    padding: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/bg.jpeg?v=3RjPmQgVFRJpodDqA6CaLgb6WpA");
    background-size: cover;
    background-position: center;
    z-index: -2;
}
.auth-page::after {
    padding: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 48%;
    height: 110%;
    background-color: rgba(24, 24, 24, 0.975);
    transform: skew(-12deg);
    transform-origin: top left;
    z-index: -1;
}
@media (max-width: 1024px) {
    .auth-page::after {
        width: 100%;
        transform: unset;
    }
}
.auth-page-container {
    display: flex;
    width: 100%;
    max-width: 70.5rem;
    margin: 4rem auto;
}
@media (max-width: 1024px) {
    .auth-page-container {
        justify-content: center;
    }
}
@media (max-width: 79.5rem) {
    .auth-page-container {
        margin: 4rem 5% 4rem;
    }
}
.auth-box {
    padding: 1.5rem;
    min-width: 22.5rem;
    max-width: 22.5rem;
    background: #212123;
    border-radius: 1rem;
}
.auth-box label > a,
.auth-box label a:visited {
    color: #828292;
    font-weight: 400;
    line-height: 140%;
    font-size: 0.875rem;
    text-decoration: underline;
    text-underline-offset: 0.25rem;
    transition: background 0.3s, color 0.3s;
}
.auth-box label > a:hover,
.auth-box label a:visited:hover {
    color: #ababb6;
}
.auth-box iframe {
    border-radius: 5px;
    width: 302px;
    height: 76px;
}
.auth-box--lockout a,
.auth-box--lockout a:visited {
    color: #ffac10;
    transition: background 0.3s, color 0.3s;
}
.auth-box--lockout a:hover,
.auth-box--lockout a:visited:hover {
    color: #ffbe43;
}
.auth-header {
    margin-bottom: 1.5rem;
    font-family: Unbounded, serif;
    font-size: 2rem;
    line-height: 130%;
}
.form-text {
    appearance: none;
    border: 0;
    border-radius: 0.75rem;
    padding: 0.75rem 1.5rem;
    font-family: inherit;
    font-size: 0.875rem;
    color: #828292;
    line-height: 140%;
    font-weight: 500;
    background-color: #2c2c30;
    width: 100%;
    margin: 0.25rem 0;
}
.form-text::placeholder {
    color: #828292;
}
.form-text:focus {
    outline: 0;
}
.form-text[disabled] {
    color: #6d6d7d;
    background: #252529;
}
.form-text--select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FFAC10' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
    padding-right: 3rem;
}
.form-text--generate.copy {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclone%3C/title%3E%3Cg fill='%23828292'%3E%3Cpath d='m13,7h2c1.105,0,2,.895,2,2v6c0,1.105-.895,2-2,2h-6c-1.105,0-2-.895-2-2v-2' fill='none' stroke='%23828292' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3C/path%3E%3Crect x='3' y='3' width='10' height='10' rx='2' ry='2' fill='none' stroke='%23828292' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
    padding-right: 3rem;
}
.input.input--password {
    display: flex;
    align-items: center;
    position: relative;
}
.password-hideShow {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    appearance: none;
    display: flex;
    position: absolute;
    right: 1rem;
    color: #828292;
    cursor: pointer;
}
.password-hideShow:hover {
    background: none;
}
.password-hideShow svg {
    width: 1rem;
    height: 1rem;
}
.login-extra {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0.875rem 0;
}
.login-extra * {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
form > .g-recaptcha {
    margin: 1rem 0 0 0;
    display: flex;
    justify-content: center;
}
.validation-text {
    color: #f73757;
    line-height: 140%;
    margin: 2px 0;
}
.auth-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 1.5rem;
    line-height: 140%;
    gap: 0.5rem;
}
.auth-actions * {
    width: 100%;
}
.register-extra {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 0.875rem;
    margin-bottom: 0.5rem;
    gap: 1rem;
}
.register-extra * {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    word-wrap: break-word;
}
.register-extra-action > label {
    line-height: 140%;
}
.register-extra-action > input[type="checkbox"] {
    flex-shrink: 0;
}