/* Phần Hero (Màn hình chính diện) */
.hero {
    background:
        linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
        url("https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80") center/cover;
    color: white;
    text-align: center;
    padding: 150px 20px;
}

.hero h1 {
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: 800;
}

.hero p {
    font-size: 20px;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #ddd;
}

.btn-main {
    background: var(--primary-red);
    color: white;
    padding: 16px 36px;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    transition: transform 0.2s;
}

.btn-main:hover {
    transform: scale(1.05);
}