/* ============ DESIGN FUTURISTA (cola no topo) ============ */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700&family=Rajdhani:wght@500;600&display=swap');

html, body, body.welcome-anonymous {
  margin: 0 !important; padding: 0 !important; width: 100% !important;
  min-height: 100vh !important;
  background:
    radial-gradient(1000px 500px at 50% -5%, #0b3d91 0%, transparent 60%),
    radial-gradient(800px 500px at 100% 100%, #6d28d9 0%, transparent 55%),
    linear-gradient(160deg, #05070f 0%, #0a1024 55%, #0d1b3a 100%) !important;
  color: #e6f1ff !important;
  font-family: 'Rajdhani', 'Segoe UI', sans-serif !important;
}
/* forca cola no topo: zera margin e padding de tudo que possa empurrar */
.welcome-anonymous, .page-anonymous,
.page-anonymous > *, .page-anonymous .container, .page-anonymous .container-tight,
.flex-fill.d-flex.flex-column.justify-content-center {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.welcome-anonymous, .page-anonymous {
  background: transparent !important; min-height: 100vh !important;
  padding: 0 16px 24px !important; margin: 0 !important;
  display: flex !important; flex-direction: column !important; width: 100% !important;
  justify-content: flex-start !important;
}
.container-tight, div.container-tight[style], .page-anonymous .container, .page-anonymous .container-tight {
  max-width: 100% !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important;
}
@media (min-width: 769px) {
  .page-anonymous { align-items: center !important; justify-content: flex-start !important; }
  .container-tight, .page-anonymous .container, .page-anonymous .container-tight { max-width: 560px !important; }
}
.card, .card-md, .card-body, .csd-wrap, .csd-card,
.page-anonymous .card, .page-anonymous .card-md, .page-anonymous .card-body {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  border-radius: 0 !important; padding: 0 !important; margin: 0 !important; width: 100% !important;
}
.csd-title { font-family: 'Orbitron', sans-serif !important; letter-spacing: 1px; color: #67e8f9 !important; text-shadow: 0 0 12px rgba(34,211,238,0.6) !important; font-size: 1.4rem !important; margin-top: 0 !important; }
.csd-sub, .csd-desc, .csd-section-title, label, .form-label { color: #9fc6ff !important; font-weight: 600 !important; }
.csd-dot { background: #22d3ee !important; box-shadow: 0 0 10px #22d3ee !important; }
.form-control, .form-select, textarea,
input[type="text"], input[type="email"], input[type="tel"], select,
.csd-field input, .csd-field textarea, .csd-field select {
  background: rgba(5,12,30,0.55) !important;
  border: 1px solid rgba(56,189,248,0.4) !important;
  border-radius: 10px !important;
  color: #e6f1ff !important; font-size: 16px !important;
  width: 100% !important; padding: 13px 14px !important; margin-bottom: 10px !important;
}
.form-control::placeholder, textarea::placeholder { color: #6b86b8 !important; }
.form-control:focus, .form-select:focus, textarea:focus, select:focus {
  border-color: #22d3ee !important; outline: none !important;
  box-shadow: 0 0 0 2px rgba(34,211,238,0.2), 0 0 16px rgba(34,211,238,0.35) !important;
}
.btn, button[type="submit"], input[type="submit"], .csd-btn {
  background: linear-gradient(90deg, #06b6d4, #6366f1) !important;
  border: none !important; border-radius: 10px !important;
  color: #04121f !important; font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important; letter-spacing: 1px; padding: 15px 20px !important;
  width: 100% !important; box-shadow: 0 0 22px rgba(34,211,238,0.5) !important;
  text-transform: uppercase;
}