/* Dark theme with orange accents */
:root{
  --bg-dark:#0b0c0f;
  --panel:#0f1113;
  --muted:#bdbdbd;
  --orange:#ff6b00;
}

/* Background geral */
body{
  background:var(--bg-dark);
  color:#fff!important;
}

/* Hero section com imagem + overlay */
.hero{
  background-image: url('../images/bg.jpg');
  background-size:cover;
  background-position:center;
  position: relative;
  min-height: 100vh;
}

.hero::before{
  content:'';
  position:absolute;
  left:0; right:0; top:0; bottom:0;
  background:linear-gradient(120deg, rgba(11,12,15,0.85), rgba(18,18,20,0.85));
  z-index:0;
}

.hero > .container{
  position:relative;
  z-index:2;
}

/* CARD DO FORMULÁRIO */
.card.form-card{
  background:rgba(10,10,12,0.85);
  border:1px solid rgba(255,255,255,0.07);
  padding-bottom: 25px;
  height: auto !important;
}

/* LABELS E TÍTULOS SEMPRE BRANCOS */
.card.form-card label,
.card.form-card h3,
.card.form-card .form-title,
.text-light{
  color:#fff !important;
}

/* INPUTS: fundo branco e texto preto */
.card.form-card input,
.card.form-card select,
.card.form-card textarea{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #ccc;
}

/* Placeholder preto */
.card.form-card input::placeholder,
.card.form-card textarea::placeholder{
  color:#444 !important;
}

/* Botão */
.btn-orange{
  background:var(--orange);
  color:#111;
  border:none;
  font-weight:600;
}

.btn-orange:hover{
  opacity:0.9;
}

/* Painel escuro */
.bg-dark-transparent{
  background: rgba(0,0,0,0.55);
}

.big-features li{
  font-weight:600;
  margin-bottom:8px;
}

/* MOBILE FIXES */
@media (max-width:767px){

  /* Espaçamento extra */
  .hero{
    padding-top:40px;
    padding-bottom:40px;
  }

  /* Garantir que labels fiquem brancas no mobile */
  .card.form-card label{
    color:#fff !important;
  }

  /* Inputs continuam com texto preto (importante no mobile) */
  .card.form-card input,
  .card.form-card select{
    color:#000 !important;
    background:#fff !important;
  }
}