.dark .parent {
            background: #182024;
        }

        .master__gift-guide-link {
            background: tomato;
            color: white !important;
            border-radius: 10px;
            font-weight: bold;
        }

        .footer-col {
            display: inline-block;
            width: 30%;
            margin: 1%;
            text-align: left;
        }

        .footer-col-links {
            display: flex;
            flex-direction: column;
            margin-top: 20px;
        }

        .footer-col-links a {
            margin-bottom: 10px;
        }

        .ml-10 {
            margin-left: 10px;
        }

        .right-menu {
            position: absolute;
            right: 10px;
            top: 15px;
            display: block;
            display: flex;
            flex-direction: row;
        }

        .right-menu .item {
            display: flex;
            align-items: center;
            border: solid 1px #aaa;
            border-radius: 5px;
            margin: 0px 5px;
            font-weight: bold;
            cursor: pointer;
        }

        .right-menu .item a {
            font-size: 16px;
            letter-spacing: 0px;
            text-decoration: none;
            color: white;
        }

        .results {
            background: unset;
            color: unset;
            font-size: 16px;
            padding: 20px;
            text-align: left;
            width: 70%;
        }

        .results__inner {
            display: flex;
            flex-direction: row;
        }

        .results__inner>div {
            background: white;
            color: black;
            width: 48%;
            margin: 1%;
            padding: 20px;
            border-radius: 10px;
            border: solid;
            position: relative;
        }

        .results h2 {
            margin: 0px;
        }

        .results .table {
            margin-top: 0px;
            width: 100%;
        }

        .results .table tr td {
            padding: 5px;
        }

        .results .btns {
            display: flex;
            font-size: 12px;
            margin-top: 20px;
            flex-wrap: wrap;
        }

        .results .btns .btn {
            font-size: 14px;
            padding: 10px;
            margin: 5px;
        }

        .aff1__wrapper {
            border: solid;
            border-radius: 10px;
            background: white;
            color: black;
        }

        .aff1 {
            margin-top: 20px;
            text-align: center;
        }

        .aff1__image img {
            height: 170px;
            border-radius: 10px;
        }

        .aff1__copy {
            font-size: 19px;
            font-weight: bold;
            padding: 0px 10px;
            margin-top: 10px;
        }

        .aff1__copy-title {
            font-weight: bold;
        }

        .aff1__disclaimer {
            font-size: 12px;
            font-style: italic;
            margin-top: 10px;
        }

        .aff1__btn {
            position: absolute;
            bottom: 10px;
            right: 10px;
        }

        .resultsnew {
            padding: 5%;
            text-align: center;
            display: none;
        }

        .resultsnew h2 {
            font-size: 22px;
            font-weight: 500;
        }

        .resultsnew__wpm {
            text-align: center;
        }

        .resultsnew__label {
            color: #6B71A4;
            font-size: 22px;
            font-style: normal;
            font-weight: 700;
        }

        .resultsnew__wpm-value {
            font-size: 50px;
            font-weight: 500;
            color: #FFF;
            font-size: 128px;
            font-style: normal;
            font-weight: 700;
        }

        .resultsnew__stats {
            margin-top: 50px;
            display: flex;
            justify-content: center;
        }

        .resultsnew__stat {
            margin: 10px 20px;
        }

        .resultsnew__stat-value {
            font-size: 30px;
            font-weight: bold;
            margin-top: 10px;
        }

        .resultsnew__stat svg {
            height: 13px;
            color: white;
            fill: #6B71A4;
        }

        .resultsnew__menu {
            text-align: center;
            display: flex;
            justify-content: center;
            margin-top: 30px;
        }

        .resultsnew__menu-item {
            display: flex;
            align-items: center;
            font-weight: 500;
            cursor: pointer;
            transition: .5s all;
        }

        .results__menu-item:hover {
            color: #f2f2f2;
        }

        .resultsnew__menu-item svg {
            height: 20px;
            color: white;
            fill: white;
            margin-right: 7px;
        }

        .resultsnew__saving {
            font-weight: bold;
            cursor: unset;
            display: none;
        }

        .shake {
            animation: shake 0.3s ease;
        }

        /* Modal Background */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: none;
            /* Hidden by default */
            justify-content: center;
            align-items: center;
            z-index: 500000;
            font-family: 'Poppins';
        }

        /* Modal Box */
        .modal-box {
            background: #182024;
            color: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            transform: scale(0.8);
            /* Start small */
            opacity: 0;
            /* Hidden by default */
            transition: transform 0.3s ease, opacity 0.3s ease;
            max-height: 90%;
            overflow: auto;
            padding: 5%;
        }

        /* Show Modal Animation */
        .modal-overlay.active .modal-box {
            transform: scale(1);
            /* Full size */
            opacity: 1;
        }

        .modal-box-close {
            position: absolute;
            top: 10px;
            right: 20px;
            cursor: pointer;
            transition: transform .3s ease;
        }

        .modal-box-close:hover {
            transform: scale(1.2);
        }

        .results__leaderboard-icon {
            font-size: 60px;
        }

        .selector-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 200px;
            border-radius: 8px;
            overflow: hidden;
        }

        .nav-button {
            background: transparent;
            color: white;
            border: none;
            padding: 10px;
            font-size: 18px;
            cursor: pointer;
            width: 100%;
        }

        .nav-button:hover {}

        .username-viewer {
            height: 50px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            position: relative;
        }

        .username-list {
            display: flex;
            flex-direction: column;
            position: relative;
            top: 0;
            transition: top 0.3s ease;
        }

        .username {
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 30px;
        }

        .username:last-child {
            border: none;
        }

        .results__username-selectors {
            display: flex;
            justify-content: center;
        }

        .results__score-rank {
            font-size: 50px;
            font-weight: bold;
        }

        .test-description.small {
            font-size: 16px;
        }

        .test__welcome-back {
            font-size: 20px;
        }

        .test__welcome-back-name {
            color: dodgerblue;
        }

        .test-description.small .test__welcome-back {
            font-size: inherit;
        }

        .master__menu-item>span {
            font-weight: bold;
            color: black;
            text-decoration: none;
            padding: 10px;
            cursor: pointer;
        }

        .master__menu-item-submenu {
            position: absolute;
            padding: 20px;
            border: solid 1px #ddd;
            border-radius: 10px;
            background-color: white;
            opacity: 0;
        }

        .master__menu-item-submenu.show {
            opacity: 1;
        }

        .master__menu-icon {
            cursor: pointer;
            color: black;
        }

        .master__menu-popup {
            position: fixed;
            right: -500px;
            transition: .8s all;
            box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .08);
            border: 1px solid rgba(25, 32, 44, .1);
            z-index: 50000;
            width: 370px;
            background: white;
            padding: 20px;
            top: 68px;
            background: #F2F7F6;
            color: black;
            border-radius: 20px;
            opacity: 0;
        }

        .master__menu-popup.show {
            right: -10px;
            opacity: 1;
        }

        .master__menu-popup a {
            font-weight: bold;
            color: black;
        }

        .master__menu-popup h3 {
            font-size: 17px;
            border-bottom: solid 1px #ccc;
            margin-bottom: 15px;
        }

        @keyframes shake {
            0% {
                transform: translateX(0);
            }

            25% {
                transform: translateX(-5px);
            }

            50% {
                transform: translateX(5px);
            }

            75% {
                transform: translateX(-5px);
            }

            100% {
                transform: translateX(0);
            }
        }


       /* Snackbar container style */
        #snackbar {
            visibility: hidden;
            /* Hidden by default */
            min-width: 300px;
            max-width: 300px;
            background-color: #333;
            /* Dark background for contrast */
            color: #fff;
            /* White text */
            text-align: center;
            border-radius: 2px;
            padding: 16px;
            position: fixed;
            z-index: 1000;
            right: 30px;
            bottom: 30px;
            font-size: 16px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            padding: 10px;
            border: solid 1px;
        }

        #snackbar img {
            width: 100%;
        }

        /* Show the snackbar when adding the "show" class */
        #snackbar.show {
            visibility: visible;
            -webkit-animation: fadein 0.5s;
            animation: fadein 0.5s;
        }

        .snackbar__ad {
            position: absolute;
            top: 3px;
            right: 7px;
            font-size: 10px;
            color: black;
            color: #999;
            padding: 3px;
        }

        .snackbar__disclosure {

            font-size: 12px;
            color: black;
            color: #999;
            margin-top: 5px;
        }

        .snackbar__copy {
            font-size: 16px;
            font-weight: 500;
            color: white;
        }

        .snackbar__close {
            position: absolute;
            top: -10px;
            left: -10px;
            font-size: 22px;
            cursor: pointer;
        }

        /* Fade in animation */
        @-webkit-keyframes fadein {
            from {
                bottom: 0;
                opacity: 0;
            }

            to {
                bottom: 30px;
                opacity: 1;
            }
        }

        @keyframes fadein {
            from {
                bottom: 0;
                opacity: 0;
            }

            to {
                bottom: 30px;
                opacity: 1;
            }
        }

        /* Fade out animation */
        @-webkit-keyframes fadeout {
            from {
                bottom: 30px;
                opacity: 1;
            }

            to {
                bottom: 0;
                opacity: 0;
            }
        }

        @keyframes fadeout {
            from {
                bottom: 30px;
                opacity: 1;
            }

            to {
                bottom: 0;
                opacity: 0;
            }
        }

        /* Welcome Dialog Styles */
        .welcome-dialog-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .welcome-dialog {
            background: #182024;
            color: white;
            padding: 40px;
            border-radius: 20px;
            max-width: 500px;
            text-align: center;
            position: relative;
            transform: translateY(20px);
            opacity: 0;
            transition: all 0.4s ease;
            border: 2px solid #13C3FF;
            box-shadow: 0 0 30px rgba(19, 195, 255, 0.2);
        }

        .welcome-dialog.show {
            transform: translateY(0);
            opacity: 1;
        }

        .welcome-dialog h2 {
            font-size: 28px;
            margin-bottom: 20px;
            color: #13C3FF;
        }

        .welcome-dialog p {
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 25px;
        }

        .welcome-dialog-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 30px;
        }

        .welcome-dialog-checkbox {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #999;
        }

        .welcome-dialog-btn {
            background: #13C3FF;
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 8px;
            cursor: pointer;
            font-weight: bold;
            transition: background 0.2s ease;
        }

        .welcome-dialog-btn:hover {
            background: #0FB3E8;
        }

        .welcome-dialog-close {
            position: absolute;
            top: 15px;
            right: 15px;
            color: #999;
            cursor: pointer;
            font-size: 20px;
            transition: color 0.2s ease;
        }

        .welcome-dialog-close:hover {
            color: #fff;
        }

        /* Support banner styles */
        .support-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: #13C3FF;
            color: white;
            text-align: center;
            padding: 12px 20px;
            font-family: 'Poppins', sans-serif;
            z-index: 1000;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 15px;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease-out;
        }

        .support-banner.hidden {
            transform: translateY(100%);
        }

        .support-banner__close {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            color: white;
            font-size: 20px;
            opacity: 0.8;
            transition: opacity 0.2s ease;
        }

        .support-banner__close:hover {
            opacity: 1;
        }

        /* Adjust footer padding to account for banner */
        .footer {
            padding-bottom: 60px;
        }

        /* Black Friday Banner Styles */
        .black-friday-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
            border-top: 3px solid #fbbf24;
            color: white;
            font-family: 'Poppins', sans-serif;
            z-index: 10000;
            box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
            transform: translateY(100%);
            transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }

        .black-friday-banner.show {
            transform: translateY(0);
        }

        .black-friday-banner__content {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 14px 20px;
            max-width: 1200px;
            margin: 0 auto;
            gap: 20px;
        }

        .black-friday-banner__icon {
            font-size: 24px;
            color: #fbbf24;
            animation: pulse 2s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.1);
            }
        }

        .black-friday-banner__text {
            flex: 1;
            text-align: center;
            max-width: 600px;
        }

        .black-friday-banner__title {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 2px;
            background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .black-friday-banner__subtitle {
            font-size: 13px;
            color: #d1d5db;
            font-weight: 400;
        }

        .black-friday-banner__cta {
            background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
            color: #000;
            padding: 10px 24px;
            border-radius: 8px;
            font-weight: 700;
            font-size: 14px;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .black-friday-banner__cta:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(251, 191, 36, 0.4);
        }

        .black-friday-banner__close {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            color: #9ca3af;
            font-size: 20px;
            transition: all 0.2s ease;
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

        .black-friday-banner__close:hover {
            color: white;
            background: rgba(255, 255, 255, 0.1);
        }

        @media (max-width: 768px) {
            .black-friday-banner__content {
                flex-direction: column;
                gap: 12px;
                padding: 16px 50px 16px 20px;
            }

            .black-friday-banner__icon {
                font-size: 20px;
            }

            .black-friday-banner__title {
                font-size: 16px;
            }

            .black-friday-banner__subtitle {
                font-size: 12px;
            }

            .black-friday-banner__cta {
                padding: 8px 20px;
                font-size: 13px;
            }
        }