.hero {
    min-height: 100vh;
    background:
        linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),
        url("../../../images/marketing-bg.jpg") center/cover no-repeat;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;

    .hero-logo {
        max-height: 100px;
    }

    .hero-title {
        font-size: 2.5rem;
        font-weight: 700;
    }

    .hero-desc {
        font-size: 1.1rem;
        margin-bottom: 1.5rem;
        opacity: 0.95;
    }

    .hero-form {
        border-radius: 12px;
        background: #fff;
        color: #333;
        margin-top: 20px;

        .form-control {
            border-radius: 8px;
            padding: 0.9rem;
            margin-bottom: 1rem;
            border: 1px solid #ddd;
        }

        .btn-primary {
            background: linear-gradient(45deg, #007bff, #00c6ff);
            border: none;
            border-radius: 8px;
            padding: 0.75rem;
            font-weight: 600;
            transition: 0.3s;

            &:hover {
                background: linear-gradient(45deg, #0056b3, #00a3cc);
            }
        }
    }

    .social-links {
        margin-top: 20px;

        a {
            margin: 0 8px;
            color: #fff;
            font-size: 1.2rem;
            transition: 0.3s;
            &:hover {
                color: #00c6ff;
            }
        }
    }
}
