:root {
    --primary: #0066cc;
    --secondary: #ffc72c;
    --accent1: #e64a19;
    --accent2: #4caf50;
    --darkblue: #1a2b49;
    --darkgray: #333333;
    --lightgray: #6c757d;
    --lightblue: #f5f9ff;
    --lightest: #f8f9fa;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Rubik', sans-serif;
    color: var(--darkgray);
    line-height: 1.6;
}


.cookie-slider {
    transition: transform 0.2s ease;
}

input.cookie-category:checked + .cookie-slider {
    transform: translateX(24px);
}

input.cookie-category:checked + .cookie-slider + label {
    background-color: var(--accent2);
}

label:has(input.cookie-category:checked) {
    background-color: var(--accent2);
}


.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.scroll-trigger {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.scroll-trigger.visible {
    opacity: 1;
    transform: translateY(0);
}


input:required:invalid, 
select:required:invalid,
textarea:required:invalid {
    border-color: #ff4d4f;
}

input:focus:invalid,
select:focus:invalid,
textarea:focus:invalid {
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}


a:focus, 
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.2);
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}


.iti {
    width: 100%;
}

.iti__flag-container {
    z-index: 20;
}


.wow {
    visibility: hidden;
}


@media (max-width: 640px) {
    table {
        display: block;
        overflow-x: auto;
    }
}


.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.03);
}


input, select, textarea {
    font-family: 'Rubik', sans-serif;
}


input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    background: #ddd;
    border-radius: 4px;
    outline: none;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: var(--primary);
    border-radius: 50%;
    cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: var(--primary);
    border-radius: 50%;
    cursor: pointer;
}


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

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: var(--lightgray);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}


@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
    
    html {
        scroll-behavior: auto !important;
    }
    
    .wow {
        visibility: visible !important;
    }
}


@media print {
    body {
        color: #000;
        background: #fff;
    }
    
    a {
        color: #000;
        text-decoration: underline;
    }
    
    header, footer, nav, #cookie-consent {
        display: none;
    }
}


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

.animate-float {
    animation: float 3s ease-in-out infinite;
}