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

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 1s ease-out;
}

#contact-form input,
#contact-form select,
#contact-form textarea {
    color: #1f2937 !important;
    background-color: #ffffff !important;
}

#contact-form input::placeholder,
#contact-form textarea::placeholder {
    color: #9ca3af !important;
}

#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
    color: #111827 !important;
    background-color: #ffffff !important;
}

#contact-form select option {
    color: #1f2937 !important;
    background-color: #ffffff !important;
}

#hem {
    height: 100vh;
    padding-top: 104px;
}

@media (min-width: 768px) {
    #hem {
        padding-top: 120px;
    }
}

#top-bar {
    z-index: 60;
}

.logo-mobile {
    max-width: 180px;
}

.logo-tablet {
    max-width: 200px;
}

.logo-desktop {
    max-width: 240px;
}

.video-container {
    max-height: 500px;
}

@media (max-width: 768px) {
    html, body {
        overflow-x: hidden;
        max-width: 100%;
    }
}