html{
            height: 100%;
        }
        body{
            background: #2b3950;
            position: relative;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .no-scroll{
            overflow-y: hidden;
        }
        .navigation{
            background-color: #2b3950;
            padding: 20px;
            padding-top: 22px;
            padding-right: 47px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            letter-spacing: 0.015em;
            z-index: 10000;
        }
        #company-logo{
            width: 150px;
            margin-left: 20px;
        }
        .nav-links a:hover {
            color: #ffb443;
        }
        .nav-links {
            display: flex;
            gap: 1rem;
            font-family: Lato, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: 16px;
        }
        .nav-links a {
            color: white;
            text-decoration: none;
            padding: 0.5rem;
            transition: color 0.5s ease;
            padding-top: 0.8rem;
        }
        .current-url{
            color: #ffb443 !important;
        }
        .hamburger {
            display: none;
            flex-direction: column;
            cursor: pointer;
            transition: transform 0.4s ease;
        }

        .hamburger span {
            height: 4px;
            width: 22px;
            background: #ffb443;
            margin: 2px 0;
            border-radius: 1px;
            transition: all 0.4s ease;
            transform-origin: center;
        }
        .hamburger.active {
            transform: rotate(540deg);
        }
        .hamburger.active span:nth-child(1) {
            transform: rotate(45deg) translate(5.5px, 5.5px);
        }
        .hamburger.active span:nth-child(2) {
            opacity: 0;
        }
        .hamburger.active span:nth-child(3) {
            transform: rotate(-45deg) translate(5.5px, -5.5px);
        }

        @media (max-width: 992px) {
            .container{
                padding: 0px;
            }
            .navigation{
                padding-left: 5px;
                padding-right: 0px;
                padding-top: 15px;
                padding-bottom: 15px;
            }
            .nav-links {
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.4s ease;
                flex-direction: column;
                background-color: white;
                position: absolute;
                top: 70px;
                right: 0;
                width: 100%;
                text-align: center;
                padding-top: 10px;
                padding-bottom: 10px;
                transition: opacity 0.4s ease;
                z-index: 10000;
            }

            .nav-links a{
                color: #434549 !important;
                padding: 10px;
            }

            .nav-links.active {
                opacity: 1;
                pointer-events: auto;
            }

            .hamburger {
                margin-right: 20px;
                display: flex;
                margin-top: auto;
                margin-bottom: auto;
            }
        }
        .question-container{
            display: none;
            flex-direction: column;
            justify-content: center;
        }
        .question{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            margin: auto;
        }
        .title{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            user-select: none;        /* Standard */
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none;    /* Firefox */
            -ms-user-select: none;     /* IE/Edge */
            color: white;
            max-width: 700px;
            text-shadow: 4px 0px 10px #141617;
            letter-spacing: -0.015em;
            margin-bottom: 30px;
        }
        .answers-container{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 65%;
        }
        .answer{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            color: white;
            font-size: 22px;
            cursor: pointer;
            border: 1px solid #ffb443;
            border-radius: 10px;
            margin-top: 10px;
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            user-select: none;        /* Standard */
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none;    /* Firefox */
            -ms-user-select: none;     /* IE/Edge */
            transition: background-color 0.3s ease, 
              color 0.3s ease, 
              transform 0.25s ease;
        }
        .answer.disabled {
            pointer-events: none;
        }
        .answer.selected {
            background-color: #ffb443;
            color: #2b3950;
        }
        .buttons-container{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 65%;
        }
        .page-button{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            color: #41c2d4;
            font-weight: bold;
            font-size: 16px;
            cursor: pointer;
            border: 1px solid #41c2d4;
            border-radius: 10px;
            margin-top: 10px;
            padding: 10px;
            width: 46%;
            user-select: none;        /* Standard */
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none;    /* Firefox */
            -ms-user-select: none;     /* IE/Edge */
            transition: background-color 0.3s ease, 
              color 0.3s ease, 
              transform 0.25s ease;
        }
        .page-button.disabled {
            opacity: 0.3;
            pointer-events: none;
        }
        .page-button.invisible {
            visibility: hidden;
        }
        @keyframes slideDownIn {
            from { transform: translateY(200%); }
            to   { transform: translateY(0); }
        }

        @keyframes slideUpIn {
            from { transform: translateY(-200%); }
            to   { transform: translateY(0); }
        }

        @keyframes slideDownOut {
            from { transform: translateY(0); }
            to   { transform: translateY(-200%); }
        }

        @keyframes slideUpOut {
            from { transform: translateY(0); }
            to   { transform: translateY(200%); }
        }

        .question.slide-down-in {
            animation: slideDownIn 0.8s ease forwards;
        }
        .question.slide-up-in {
            animation: slideUpIn 0.8s ease forwards;
        }
        .question.slide-down-out {
            animation: slideDownOut 0.8s ease 0.5s backwards;
        }
        .question.slide-up-out {
            animation: slideUpOut 0.8s ease;
        }
        .counter-container {
            margin-top: 12px;
            text-align: center;
            font-size: 16px;
            color: #41c2d4;
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            user-select: none;        /* Standard */
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none;    /* Firefox */
            -ms-user-select: none;     /* IE/Edge */
        }
        .progress-bar {
            width: 65%;
            height: 8px;
            background: #eee;
            border-radius: 4px;
            overflow: hidden;
            margin-top: 10px;
        }
        .progress-fill {
            height: 100%;
            background: #ffb443;
            width: 0;
            transition: width 0.4s ease;
            border-radius: 4px;
        }
        .intro {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
        }
        .intro.fade-out {
            opacity: 0;
            pointer-events: none;
        }
        .quiz-title{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            color: white;
            max-width: 700px;
            text-shadow: 4px 0px 10px #141617;
            letter-spacing: -0.015em;
            margin-bottom: 20px;
            text-align: center;
            user-select: none;        /* Standard */
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none;    /* Firefox */
            -ms-user-select: none;     /* IE/Edge */
        }
        .quiz-description{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            color: white;
            max-width: 650px;
            text-shadow: 4px 0px 10px #141617;
            letter-spacing: -0.015em;
            font-size: 16px;
            text-align: center;
            user-select: none;        /* Standard */
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none;    /* Firefox */
            -ms-user-select: none;     /* IE/Edge */
        }
        .start-btn{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            color: #ffb443;
            background-color: #2b3950;
            font-weight: bold;
            font-size: 16px;
            cursor: pointer;
            border: 1px solid #ffb443;
            border-radius: 10px;
            margin-top: 10px;
            padding: 10px;
            width: 200px;
            transition: background-color 0.3s ease, 
              color 0.3s ease, 
              transform 0.25s ease;
        }
        @media (hover: hover) and (pointer: fine) {
            .start-btn:hover {
                background-color: #ffb443;
                color: #2b3950;
            }
            .page-button:hover {
                background-color: #41c2d4;
                color: white;
            }
            .download-button:hover {
                background-color: #ffb443;
                color: white;
            }
            .answer:hover {
                background-color: #ffb443;
                color: #2b3950;
                transform: scale(1.02);
                box-shadow: 0 4px 12px rgba(0,0,0,0.2);
            }
        }
        @media (max-width: 992px) {
            .quiz-title{
                padding-left: 20px;
                padding-right: 20px;
                margin-bottom: 12px;
            }
            .quiz-description{
                padding-left: 20px;
                padding-right: 20px;
                margin-bottom: 2px;
                font-size: 13px;
            }
            .answers-container{
                width: 90%;
            }
            .title{
                padding-left: 20px;
                padding-right: 20px;
                font-size: 20px;
                margin-bottom: 5px;
            }
            .answer{
                font-size: 16px;
                touch-action: manipulation;
                -webkit-tap-highlight-color: transparent;
                cursor: pointer;
            }
            .buttons-container{
                width: 90%;
            }
            .page-button{
                font-size: 13px;
            }
            .progress-bar {
                width: 90%;
                height: 8px;
                background: #eee;
                border-radius: 4px;
                overflow: hidden;
                margin-top: 10px;
            }
            .question-container{
                justify-content: flex-start;
                padding-top: 20px;
                height: auto;
            }
            .question{
                margin: 0;
            }
            body{
                overflow: auto;
            }
            .intro {
                justify-content: flex-start;
                padding-top: 20px;
            }
            .no-scroll{
                overflow-y: auto;
            }
        }
        @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }
        .question.fade-in { animation: fadeIn 0.5s ease forwards; }
        .intro.fade-out { opacity: 0; transition: opacity 0.5s ease; }

        .image-label{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            background-color: #41c2d4;
            color: white;
            border-radius: 15px;
            text-align: center;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-bottom: 0;
            font-size: 28px;
        }
        .result-container{
            display: none;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: transparent;
        }
        .result-card{
            background-color: #2b3950;
            padding: 40px;
            border-radius: 15px;
            width: 650px;
            margin-bottom: 20px;
            aspect-ratio: 1 / 1;
            border: 5px solid #41c2d4;
        }
        .error-card{
            display: none;
            background-color: #2b3950;
            padding: 40px;
            padding-top: 20px;
            border-radius: 15px;
            width: 650px;
            margin-bottom: 20px;
            border: 5px solid #41c2d4;
        }
        .image-container{
            width: 49%;
        }
        .result-image{
            width: 100%;
            border-radius: 15px;
        }
        .results-header{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
        .chart-wrap {
            max-width: 49%;
            width: 49%;
        }
        .loader {
            width: 124px;
            height: 124px;
            border: 10px solid #2b3950;
            border-top: 10px solid #ffb443;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 2rem auto;
        }
        .loader-overlay {
            position: fixed;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            z-index: 9999;
            display: none;
        }
        .loader-title{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            color: #ffb443;
        }
        @keyframes spin {
            0%   { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        #radar { 
            width: 100%;
        }
        @media (max-width: 480px) {
            #radar { height: 250px; }
        }
        .result-header-text-block{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            margin-bottom: 24px;
        }
        .legend-container{
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width: 49%;
            height: 100%;
        }
        .legend-row{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 100%;
        }
        .ai-label{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: 16px;
            color: white;
        }
        .ai-value{
            color: #ffb443;
            font-weight: bold;
        }
        .score-container{
            width: 49%;
        }
        .ai-score-row{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            text-align: center;
            margin-bottom: 0;
            color: #ffb443;
            font-size: 28px;
        }
        .description{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            line-height: 1.3;
            margin-top: 24px;
            font-size: 16px;
            margin-bottom: 12px;
            color: white;
        }
        .disclaimer{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            line-height: 1.3;
            margin-top: 10px;
            margin-bottom: 10px;
            font-size: 16px;
            color: white;
            width: 650px;
            text-align: left;
            margin-bottom: 30px;
            padding-left: 40px;
            padding-right: 40px;
        }
        ul{
            margin-bottom: 10px;
        }
        li{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: 16px;
            color: white;
        }
        .result-description-container{
            margin-bottom: 20px;
            width: 650px;
            padding: 40px;
            border: 5px solid #41c2d4;
            border-radius: 15px;
            background-color: #2b3950;
        }
        .result-description-container h4{
            color: #ffb443;
        }
        @media (max-width: 992px) {
            .result-card{
                width: 90%;
                overflow: visible;
                padding: 20px;
            }
            .error-card{
                width: 90%;
            }
            .description{
                margin-top: 12px;
            }
            .results-header{
                flex-direction: column;
            }
            .result-header-text-block{
                flex-direction: column;
                margin-bottom: 12px;
            }
            .image-container{
                width: 100%;
                margin-bottom: 12px;
            }
            .chart-wrap{
                width: 100%;
                max-width: 100%;
                margin-top: 10px;
            }
            .legend-container{
                width: 100%;
            }
            .score-container{
                display: flex;
                flex-direction: column;
                width: 100%;
                align-items: center;
            }
            .image-label{
                width: 100%;
                margin-bottom: 12px;
            }
            .result-description-container{
                width: 90%;
                padding: 20px;
            }
            .disclaimer{
                width: 80%;
            }
            .start-btn{
                margin-bottom: 60px;
            }
        }
        .result-card.force-desktop {
            width: 650px !important;
            padding: 40px !important;
        }
        .results-header.force-desktop {
            flex-direction: row;
        }
        .result-header-text-block.force-desktop{
            flex-direction: row;
        }
        .image-container.force-desktop{
            width: 49%;
        }
        .chart-wrap.force-desktop{
            max-width: 49%;
            width: 49%;
            margin-top: 0;
        }
        .legend-container.force-desktop{
            width: 49%;
        }
        .score-container.force-desktop{
            display: block;
            width: 49%;
        }
        .image-label.force-desktop{
            width: auto;
        }
        .result-description-container.force-desktop{
            width: auto;
        }
        .results-title{
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            user-select: none;        /* Standard */
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none;    /* Firefox */
            -ms-user-select: none;     /* IE/Edge */
            color: white;
            max-width: 700px;
            text-shadow: 4px 0px 10px #141617;
            letter-spacing: -0.015em;
        }
        .download-button{
            text-align: center;
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            color: white;
            background-color: #ffb443;
            font-weight: bold;
            font-size: 16px;
            cursor: pointer;
            border: 1px solid #ffb443;
            border-radius: 10px;
            margin-top: 0px;
            margin-bottom: 10px;
            padding: 10px;
            width: 20%;
            user-select: none;        /* Standard */
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none;    /* Firefox */
            -ms-user-select: none;     /* IE/Edge */
            transition: background-color 0.3s ease, 
              color 0.3s ease, 
              transform 0.25s ease;
        }
        .download-button:hover{
            color: #2b3950;
        }
        .download-icon{
            margin-right: 5px;
            padding-top: 5px;
        }
        @media (max-width: 992px) {
            .download-button{
                width: 80%;
            }
        }
        .footer-container{
            font-family: Lato, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: 13px;
            padding-left: 30px;
            padding-right: 30px;
            padding-top: 12px;
            padding-bottom: 20px;
            color: #ffb443;
            display: flex;
            justify-content: space-between;
        }
        .impressum{
            color: #ffb443;
            text-decoration: none;
            transition: color 0.5s ease;
        }
        .impressum:hover{
            color: #41c2d4;
        }
        .footer-container p{
            margin-bottom: 0px;
        }
        .footer-icon-container{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 50px;
        }
        .linkedin{
            width: 16px;
        }
        .email-container{
            font-size: 16px;
            margin-bottom: 0px;
            margin-top: -2px;
        }
        .email-url{
            color: #ffb443;
            text-decoration: none;
        }
        .email-url:hover{
            color: #ffb443;
        }
        @media (max-width: 992px) {
            .footer-container{
                display: none;
                flex-direction: column;
                align-items: center;
            }
            .footer-icon-container{
                margin-top: 5px;
            }
            .email-container{
                margin-top: -1px;
            }
            .image-row{
                margin-bottom: 12px;
            }
        }
        @media (max-width: 360px) {
            .answer{
                font-size: 16px;
                padding-left: 10px;
                padding-right: 10px;
            }
        }
        .image-row{
            width: 95%;
            max-width: 700px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        .image-row img{
            width: 19%;
            border-radius: 10px;
        }
        #download-button-details{
            margin-bottom: 40px;
        }
        /* ÚJ CTA gombok stílusai */
.cta-buttons-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 650px;
    gap: 20px;
    margin-bottom: 40px;
}

.cta-button {
    text-align: center;
    text-decoration: none;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: white;
    background-color: #ffb443;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    border: 2px solid #ffb443;
    border-radius: 10px;
    padding: 15px 20px;
    width: 48%;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    transition: background-color 0.3s ease, 
      color 0.3s ease, 
      transform 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-button-inverse {
    background-color: transparent;
    color: #ffb443;
}

@media (hover: hover) and (pointer: fine) {
    .cta-button:hover {
        background-color: #ffb443;
        color: white;
    }
    .cta-button-inverse:hover {
        background-color: white;
        color: #ffb443;
    }
}

@media (max-width: 992px) {
    .cta-buttons-container {
        width: 90%;
        flex-direction: column;
        gap: 10px;
    }
    
    .cta-button {
        width: 100%;
    }
}