body {
    background-color: #f4f7f6;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.container {
    max-width: 500px;
    margin-top: 60px;
}

.brand-header {
    color: #2c3e50;
    font-weight: bold;
}

.card-eta {
    border: none;
    border-left: 5px solid #007bff;
    margin-bottom: 20px;
    transition: transform 0.2s;
}

.card-eta:hover {
    transform: scale(1.02);
}

.eta-time {
    font-size: 1.4rem;
    font-weight: bold;
    color: #007bff;
}

.event-type {
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
    color: #6c757d;
}