.features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
}

.exclusive {
  background: linear-gradient(135deg, #14092A, #071B2A);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.exclusive-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
}

.mockup, .cta-box, .draw-card {
  /* estilos aqui */
}
.exclusive{
      background:linear-gradient(135deg,#14092A,#071B2A);
      border-top:1px solid var(--border);
      border-bottom:1px solid var(--border);
    }

    .exclusive-box{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:50px;
      align-items:center;
    }

    .exclusive-text h2{
      font-size:56px;
      margin-bottom:24px;
      line-height:1.1;
    }

    .exclusive-text p{
      color:var(--muted);
      line-height:1.9;
      margin-bottom:26px;
      font-size:18px;
    }

    .check-list{
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    .check-item{
      display:flex;
      gap:14px;
      align-items:flex-start;
    }

    .check{
      width:28px;
      height:28px;
      border-radius:50%;
      background:var(--green);
      display:flex;
      align-items:center;
      justify-content:center;
      color:black;
      font-weight:900;
      flex-shrink:0;
    }

    .mockup{
      background:rgba(255,255,255,.05);
      border:1px solid var(--border);
      border-radius:32px;
      padding:30px;
      backdrop-filter:blur(12px);
    }

    .mockup-top{
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-bottom:28px;
    }

    .badge{
      padding:10px 18px;
      background:rgba(0,212,255,.15);
      color:var(--secondary);
      border-radius:999px;
      font-size:14px;
      font-weight:700;
    }
    .draw-card{
      background:#0E1020;
      border:1px solid rgba(255,255,255,.06);
      border-radius:22px;
      padding:22px;
      margin-bottom:18px;
    }

    .draw-card h4{
      margin-bottom:16px;
      font-size:18px;
    }

    .draw-numbers{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }

    .draw-numbers div{
      width:42px;
      height:42px;
      border-radius:50%;
      background:var(--gradient);
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:800;
    }

    .cta{
      text-align:center;
      position:relative;
      overflow:hidden;
    }

    .cta-box{
      background:linear-gradient(135deg,#7C3AED,#00BFFF);
      padding:80px 40px;
      border-radius:40px;
      position:relative;
      overflow:hidden;
    }

    .cta-box::before{
      content:'';
      position:absolute;
      width:300px;
      height:300px;
      background:rgba(255,255,255,.1);
      border-radius:50%;
      top:-120px;
      right:-100px;
    }

    .cta h2{
      font-size:56px;
      margin-bottom:22px;
      position:relative;
      z-index:2;
    }

    .cta p{
      max-width:700px;
      margin:auto;
      font-size:20px;
      line-height:1.8;
      margin-bottom:34px;
      position:relative;
      z-index:2;
    }

    footer{
      padding:50px 0;
      border-top:1px solid var(--border);
    }

    .footer-content{
      display:flex;
      justify-content:space-between;
      align-items:center;
      flex-wrap:wrap;
      gap:20px;
    }

    .footer-content p{
      color:var(--muted);
    }

    .mobile-btn{
      display:none;
    }