/*
 blue #132448
 gray #c4ced3
 GO Futura
 Tech Labs Avenir Next
*/

html, body {
    height: 100%;
    margin: 0;
}

body { 
    font-family: Arial, sans-serif; 
    background: #fff;
    color: #132448;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* full viewport height */
}

.content {
    flex: 1; /* takes remaining space above the footer */
}

.hero { 
    background: #132448; 
    color: white; 
    padding: 100px 20px; 
    text-align: center; 
}
.hero h1 { font-size: 3rem; font-weight: bold; }
.section { padding: 60px 20px; }
.section h2 { color: #132448; }
.card {
    border: none;
    background: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    border-radius: 12px;
    padding: 20px;
}
.cta { 
    background: #c4ced3; 
    color: #132448; 
    padding: 50px; 
    text-align: center; 
}
.cta h2 { margin-bottom: 20px; font-weight: bold; }
.btn-primary { 
    background-color: #132448; 
    border: none;
}
.btn-primary:hover { 
    background-color: #0f1c34; 
}
.btn-light {
    background-color: #fff;
    color: #132448;
    border: 1px solid #132448;
}
.btn-light:hover {
    background-color: #c4ced3;
    color: #132448;
}
.footer { 
    background: #132448; 
    color: #c4ced3; 
    padding: 20px; 
    text-align: center; 
}


.captcha  {
    border: 2px solid #132448;
    padding: 5px;
    border-radius: 5px;
    background-color: #c4ced3;
    display: inline-block;
}