/* CSS specifically targeted at the Home and Login overrides */
body.custom-landing-bg {
    background-color: #f4f7f6;
    background-image: url('../img/gridflow-bg.png'); /* Drop your BG image in the img folder */
    background-size: cover;
    background-position: center;
}

.custom-auth-container {
    max-width: 400px;
    margin: 10vh auto;
    background: white;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.custom-hero {
    text-align: center;
    padding: 10vh 20px;
}