/* Additional styles for investors page */

main { 
    padding:120px 2rem 4rem; 
    max-width:1200px; 
    margin:0 auto; 
    line-height:1.7; 
    flex:1;
}

main h2 {
     margin-bottom:1rem; 
     font-size:2rem; 
     color:var(--color-accent-start);
}

section { margin-top:2rem; }

p+p { margin-top:1rem; }

@media (max-width:600px){
    main { 
        padding:85px 1vw 2.4rem 1vw; 
        font-size:1rem;
    }

    main h2 { font-size:1.25rem; }
}

/* ---------- NEW TABLE & LIST STYLES ---------- */
.benefits-table { 
    width:100%; 
    border-collapse:collapse; 
    margin:1.5rem 0;
}

.benefits-table th, .benefits-table td { 
    order:1px solid #555; 
    padding:.75rem; 
    text-align:left; 
    vertical-align:top;
}

.benefits-table th { background:rgba(255,255,255,.05); }

.vision ul { 
    list-style:disc; 
    margin-left:1.5rem;
}

.vision ul li+li { margin-top:.4rem; }

/* ---------- CONTACT FORM ---------- */
.contact-form { 
    margin-top:2rem; 
    display:flex; 
    flex-direction:column; 
    gap:1rem;
}

.contact-form label { font-weight:bold; }

.contact-form input, .contact-form textarea { 
    width:100%; 
    padding:.5rem; 
    background:var(--color-bg); 
    color:var(--color-text); 
    border:1px solid #555; 
    border-radius:4px; 
    font-size:1rem; 
    margin-bottom:1.2rem;
}

.contact-form button { 
    align-self:flex-start; 
    padding:.75rem 1.5rem; 
    font-size:1rem; 
    border:none; 
    border-radius:4px; 
    background:linear-gradient(to right,var(--color-accent-start),var(--color-accent-end)); 
    color:var(--coolor-bt-text); cursor:pointer; transition:opacity var(--transition-duration);
}

.contact-form button:hover { opacity:.9; }

/* Form feedback messages */
.contact-form .success { 
    color: #4CC9F0; 
    margin-bottom: 1rem; 
}

.contact-form .error { 
    color: #FF6B6B; 
    margin-bottom: 1rem; 
}