html, body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: #0b1020; }
.glass { backdrop-filter: blur(10px); background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); }
.gradient { background: radial-gradient(80rem 80rem at 80% -10%, rgba(0,120,255,0.20), transparent),
            radial-gradient(60rem 60rem at -10% 110%, rgba(0,255,170,0.15), transparent); }
.btn { transition: transform .12s ease, box-shadow .2s ease; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,0,0,.25); }
.shake { animation: shake .35s linear; }
@keyframes shake { 10%, 90% {transform: translateX(-1px);} 20%, 80% {transform: translateX(2px);} 30%, 50%, 70% {transform: translateX(-4px);} 40%, 60% {transform: translateX(4px);} }

        
/* SELECT dark consistente */
.select-wrap { position: relative; }

.select-wrap::after{
  content: "\25BE"; /* ▼ */
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: .85;
  font-size: .9rem;
  color: #c7f8df; /* tom próximo do emerald claro */
}

/* Aparência do <select> */
select.form-select{
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  color-scheme: dark;            /* sugere dropdown nativo escuro */
  width: 100%;
  border-radius: 0.75rem;        /* ~ rounded-xl */
  padding: 0.75rem 2.5rem 0.75rem 1rem; /* espaço para a seta */
  background: rgba(2, 6, 23, 0.6);      /* vidro escuro */
  color: #eef2ff;                        /* texto claro */
  border: 1px solid rgba(255,255,255,0.18);
  transition: box-shadow .2s ease, border-color .2s ease, transform .08s ease;
}
select.form-select:hover{
  border-color: rgba(16,185,129,.45); /* emerald */
}
select.form-select:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(16,185,129,.35);
  border-color: rgba(16,185,129,.65);
}

/* Placeholder (primeira option desabilitada) */
select.form-select option[disabled][value=""]{
  color:#9ca3af; /* slate-400 */
}

/* Fallback para browsers que ignoram color-scheme no menu */
select.form-select option{
  background: #0f172a; /* slate-900 */
  color: #f8fafc;      /* slate-50 */
}
/* Esconde o honeypot sem usar display:none, para bots ainda o verem */
.hp-field {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
}