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

.hero {
    background: linear-gradient(45deg, #0D6EFD, #6f42c1);
    color: white;
    padding: 6rem 0;
    text-align: center;
}

.calculator-section {
    padding: 4rem 0;
}

.calculator-card {
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}