/* Checkout styles — coerente com landing dark */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #0a0a0f; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.15); }

/* Plano option */
.plan-option {
  border-color: rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
.plan-option:has(input:checked) {
  border-color: rgba(168,85,247,0.5);
  background: rgba(168,85,247,0.08);
}

input::placeholder, textarea::placeholder { color: rgba(255,255,255,0.25); }

/* Botões focus */
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid rgba(168,85,247,0.5);
  outline-offset: 2px;
}

/* Bug fix: dropdowns/selects sem texto visível */
select option { background: #1a1a20 !important; color: #fafafa !important; }
select { color: #fafafa !important; background-color: rgba(255,255,255,0.03) !important; }
select:invalid, select option[value=""] { color: #71717a !important; }
input, textarea { color: #fafafa !important; background-color: rgba(255,255,255,0.03) !important; }
input::placeholder, textarea::placeholder { color: #52525b !important; }