:root {
    --super-blue: #004a99;
    --super-red: #e62323;
    --super-yellow: #ffde00;
    --super-black: #000000;
    --bg-color: #f4f7f6;
}

body {
    font-family: 'Segoe UI', sans-serif;
    margin: 0;
    text-align: center;
    background-color: var(--bg-color);
}

header {
    background-color: var(--super-blue);
    color: var(--super-yellow);
    padding: 1rem 1rem;
}

.logo {
    width: 200px;
    height: auto;
    margin-bottom: 20px;
}

h1 { 
    margin: 0; 
    font-size: 2rem; 
    text-transform: uppercase; 
    letter-spacing: 12px; 

    margin: 0;
    text-shadow: 
        3px 3px 0px #000,
        4px 4px 0px var(--super-blue), 
        3px 3px 0px #000;
}

.container { 
    padding: 10px 20px; 
    max-width: 800px; 
    margin: auto; 
}

.contact-btn {
    display: inline-block;
    background-color: var(--super-blue);
    border: 2px solid var(--super-black);
    color: var(--super-yellow);
    padding: 15px 30px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 20px;
    transition: transform 0.2s;
}

.contact-btn:hover { 
    transform: scale(1.08); 
}

footer { 
    margin-top: 50px; 
    font-size: 0.9rem; 
    color: #666; 
}