body {
    font-family: 'Inter', sans-serif;
}

.hero {
    background: url('../img/hero.jpg') center/cover no-repeat;
    height: 100vh;
    position: relative;
}

.hero::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}

.hero .container {
    position: relative;
    z-index: 2;
}

.cta {
    background: linear-gradient(45deg, #0C787B, #0a5f61);
}

.card {
    border: none;
    border-radius: 12px;
}

img {
    object-fit: cover;
}