html {
    scroll-behavior: smooth;
}

body {
    font-family: "Rubik", sans-serif;
    background: #f9fafb;
}

h1, h2, h3 {
    font-family: "Raleway", sans-serif;
    letter-spacing: -0.02em;
}

.hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.75) 0%,
        rgba(0,0,0,0.55) 40%,
        rgba(0,0,0,0.65) 100%
    );
}

* {
    transition: all 0.2s ease;
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background: #16a34a;
    border-radius: 10px;
}