html {
     scroll-behavior: smooth;
    }
  
    body {
      margin: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: #f8fafc;
      color: #0f172a;
      line-height: 1.6;
    }
    .page {
      max-width: 1080px;
      margin: 0 auto;
      padding: 24px 16px 0px;
    }
    header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      margin-bottom: 32px;
    }
    .logos {
      display: flex;
      align-items: center;
      gap: 24px;
      flex-wrap: wrap;
    }
    .logos img {
      max-height: 56px;
    }
    .tagline {
      font-size: 14px;
      font-style: italic;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #475569;
    }
    .hero {
      background: #0b1140;
      color: #fbb22c;
      text-align: center;
      border-radius: 18px;
      padding: 32px 24px;
      margin-bottom: 32px;
    }
    .hero h1 {
      margin: 0 0 12px;
      font-size: 28px;
    }
    .hero p {
      margin: 0 0 16px;
      color: #e2e8f0;
    }
    .hero-meta {
      font-size: 14px;
      margin-bottom: 16px;
      color: #fbbf24;
    }
    
    .hero-dtv {
      color: #fbbf24 !important;
      margin-bottom: 5px !important;  
    }
    
    .btn-primary {
      display: inline-block;
      padding: 12px 24px;
      border-radius: 999px;
      background: #fbb22c;
      color: #0b1140;
      font-weight: 600;
      text-decoration: none;
      font-size: 15px;
      border: none;
      /* Static Glow */
      box-shadow: 0 0 12px rgba(251, 178, 44, 0.8), 
                  0 0 32px rgba(251, 178, 44, 0.6);
      transition: all 0.25s ease;
    }
    .btn-primary:hover {
      filter: brightness(1.05);
      transform: translateY(-2px);
      text-decoration: none;
    }
    .btn-note {
      margin-top: 15px;
      font-size: 13px;
      color: #e2e8f0;
    }
    section {
      background: #ffffff;
      border-radius: 18px;
      padding: 24px 20px;
      margin-bottom: 24px;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
      text-align: justify;
    }
    section h2 {
      margin-top: 0;
      margin-bottom: 12px;
      font-size: 20px;
      color: #0b1140;
    }
    ul {
      padding-left: 18px;
      margin: 8px 0;
    }
    li {
      margin-bottom: 6px;
    }
    a {
      color: #0b1140;
    }
    a:hover {
      text-decoration: underline;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 12px;
      font-size: 14px;
    }
    th, td {
      border: 1px solid #e2e8f0;
      padding: 8px 10px;
      text-align: left;
    }
    th {
      background: #f1f5f9;
      font-weight: 600;
    }
    .cta-final {
      text-align: center;
    }
    .cta-final p {
      margin-bottom: 12px;
    }
    .badges {
      font-size: 13px;
      color: #64748b;
      margin-top: 10px;
    }
    
    #register-whatsapp-link {
        text-decoration: none;
    }
    
    @media (max-width: 720px) {
       .logos{
           display: block;
           margin: 0 auto;
       }
       
       .tagline {text-align: center;}
            
      .hero {
        padding: 24px 18px;
      }
      
      header {
        flex-direction: column;
        align-items: flex-start;
      }
      .hero h1 {
        font-size: 24px;
      }
    }