.home-section {
    --home-section-bg: linear-gradient(to right, rgb(134, 239, 172), rgb(59, 130, 246), rgb(147, 51, 234));
    --home-section-color: white;
    --home-section-padding: 3rem 0;
    --home-section-border-radius: 0.5rem;
    --home-section-margin-bottom: 2rem;
    
    background: var(--home-section-bg);
    color: var(--home-section-color);
    padding: var(--home-section-padding);
    border-radius: var(--home-section-border-radius);
    margin-bottom: var(--home-section-margin-bottom);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Georgia, serif;
}

.home-section .container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}

.home-section h1 {
    --home-section-title-size: 2.25rem;
    --home-section-title-weight: 700;
    --home-section-title-align: left;
    
    font-size: var(--home-section-title-size);
    font-weight: var(--home-section-title-weight);
    text-align: var(--home-section-title-align);
    width: 100%;
    margin: 0;
}

.home-section p {
    --home-section-desc-margin-top: 1rem;
    --home-section-desc-size: 1.125rem;
    --home-section-desc-align: left;
    
    margin-top: var(--home-section-desc-margin-top);
    font-size: var(--home-section-desc-size);
    text-align: var(--home-section-desc-align);
    width: 100%;
}

.home-section button {
    --home-section-btn-margin-top: 1.5rem;
    --home-section-btn-bg: white;
    --home-section-btn-color: rgb(147, 51, 234);
    --home-section-btn-padding: 0.5rem 1.5rem;
    --home-section-btn-radius: 9999px;
    
    margin-top: var(--home-section-btn-margin-top);
    background-color: var(--home-section-btn-bg);
    color: var(--home-section-btn-color);
    padding: var(--home-section-btn-padding);
    border-radius: var(--home-section-btn-radius);
    transition: background-color 0.3s, color 0.3s;
}

.home-section button:hover {
    --home-section-btn-hover-bg: rgb(147, 51, 234);
    --home-section-btn-hover-color: white;
    
    background-color: var(--home-section-btn-hover-bg);
    color: var(--home-section-btn-hover-color);
} 