body {
               font-family: 'Arial', sans-serif;
               margin: 0;
               padding: 0;
               display: flex;
               flex-direction: column;
               align-items: center;
               background-color: #f9f9f9;
               }
               .hero-section {
               width: 100%;
               background: #003E77;
               color: white;
               padding: 40px 20px;
               text-align: center;
               }
               .hero-section h1 {
               margin: 0;
               font-size: 2em;
               }
               .hero-section p {
               margin: 10px 0 0;
               font-size: 1em;
               }
               .container {
               width: 90%;
               max-width: 600px;
               margin-top: -20px;
               background: white;
               padding: 20px;
               border-radius: 10px;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
               }
               .privacy-section {
               padding: 20px 0;
               }
               .privacy-section h2 {
               color: #333;
               font-size: 1.2em;
               margin: 20px 0 10px;
               }
               .privacy-section p {
               color: #666;
               font-size: 1em;
               margin: 10px 0;
               }
               @media (max-width: 600px) {
               .container {
               padding: 10px;
               }
               .hero-section h1 {
               font-size: 1.5em;
               }
               .hero-section p {
               font-size: 0.9em;
               }
               .privacy-section h2 {
               font-size: 1.1em;
               }
               .privacy-section p {
               font-size: 0.9em;
               }
               }