:root {
                  --azul: #0A1128;
                  --amarelo: #E09F3E;
                  --cinza: #CBD5E1;
            }

            body {
                  background-color: var(--azul);
                  color: white;
                  font-family: 'Inter', sans-serif;
                  margin: 0;
            }

            /* Logo no topo */
            .logo-header {
                  width: 120px;
                  height: auto;
                  margin-bottom: 20px;
                  border-radius: 10px;
            }

            .container {
                  max-width: 1100px;
                  margin: auto;
                  padding: 50px 20px;
            }

            .hero {
                  text-align: center;
                  padding: 80px 0;
            }

            h1 {
                  font-size: 3rem;
                  margin-bottom: 20px;
            }

            h1 span {
                  color: var(--amarelo);
            }

            .cta-button {
                  display: inline-block;
                  padding: 15px 40px;
                  background: var(--amarelo);
                  color: var(--azul);
                  font-weight: bold;
                  border-radius: 50px;
                  text-decoration: none;
                  margin-top: 30px;
                  transition: 0.3s;
            }

            .cta-button:hover {
                  background: #c68a35;
            }

            .grid {
                  display: grid;
                  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                  gap: 30px;
                  margin-top: 50px;
            }

            .card {
                  background: rgba(255, 255, 255, 0.05);
                  padding: 30px;
                  border-radius: 20px;
                  border: 1px solid rgba(224, 159, 62, 0.1);
            }

            .card i {
                  font-size: 40px;
                  color: var(--amarelo);
                  margin-bottom: 20px;
            }

            .equipe-foto {
                  width: 150px;
                  height: 150px;
                  border-radius: 50%;
                  border: 3px solid var(--amarelo);
                  object-fit: cover;
                  margin-bottom: 15px;
            }

            footer {
                  text-align: center;
                  padding: 50px 20px;
                  border-top: 1px solid #333;
                  margin-top: 80px;
                  font-size: 0.9rem;
                  color: var(--cinza);
            }

            .footer-info {
                  margin-bottom: 20px;
            }