body {
      background: linear-gradient(to right, #0f2027, #203a43, #2c5364);
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
    }

    h1 {
      color: #00e1ff;
      border-bottom: 2px solid #00e1ff;
      padding-bottom: .5rem;
      margin-bottom: 1.5rem;
    }

    .perfil_index img {
      border-radius: 50%;
      object-fit: cover;
    }

    .typing-name {
      font-size: 1.3rem;
      color: #00e1ff;
      white-space: nowrap;
      overflow: hidden;
      border-right: 2px solid #00e1ff;
      animation: typing 3s steps(22), blink 0.7s infinite;
      margin-left: 1rem;
    }

    @keyframes typing {
      from { width: 0; }
      to { width: 16ch; }
    }

    @keyframes blink {
      0%, 100% { border-color: transparent; }
      50% { border-color: #00e1ff; }
    }

    .section {
      background-color: rgba(0, 0, 0, 0.3);
      padding: 2rem;
      border-radius: 16px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.4);
      margin-bottom: 3rem;
    }

    iframe {
      border-radius: 12px;
      border: none;
      width: 100%;
      max-width: 700px;
    }