body {margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f7fa; color: #333;  height: 100vh;}
    header {background-color: #0a2540; padding: 20px 40px; display: flex; align-items: center; justify-content: space-between; height: 10%}
    .logo {display: flex; align-items: center;}
    .logo-text {color: white; font-size: 1.8em; font-weight: bold;}
    nav a {color: #ffffff; text-decoration: none; margin-left: 25px; font-weight: 500;}
    nav a:hover {color: #00aaff;}
    .active {color: #00aaff;}
    .hero {text-align: center; padding: 20px 20px; background: linear-gradient(to right, #0a2540, #003366); color: white; height: 75%; overflow: auto;}
    .hero h1 {font-size: 3em; margin-bottom: 20px;}
    .privacy {font-size: 1.2em; width: 90%; margin: 0 auto; text-align: left;}
    .cta-button {margin-top: 30px; padding: 15px 30px; background-color: #00aaff; color: white; border: none; border-radius: 5px; font-size: 1em; cursor: pointer;}
    .cta-button:hover {background-color: #008ecc;}
    footer {background-color: #0a2540; color: white; text-align: center; padding: 20px; font-size: 0.9em; height: 2%}
    a {color: white; text-decoration: none;}
    h4 {text-decoration: underline;}