:root {
  --background: #071029;
  --foreground: #e6f6ff;
  --muted-foreground: #9fbfd6;
  --brand: #0ea5e9; /* bright blue */
  --brand-glow: #60a5fa; /* soft glow blue */
}
body {
  background: radial-gradient(ellipse at top, #082033 0%, #071029 60%, #040b12 100%);
  color: var(--foreground);
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
  min-height: 100vh;
}
.grid-bg {
  background-image:
    linear-gradient(rgba(225, 29, 72, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(225, 29, 72, 0.08) 1px, transparent 1px);
  background-size: 40px 40px;
}
.glow-text { text-shadow: 0 0 30px rgba(96,165,250,0.35); }
.glow-border { box-shadow: 0 0 20px rgba(14,165,233,0.28); }
.card-surface { background: rgba(6, 18, 30, 0.6); backdrop-filter: blur(12px); }
.bg-brand { background-color: var(--brand); }
.bg-brand-glow { background-color: var(--brand-glow); }
.text-brand-glow { color: var(--brand-glow); }
.border-brand\/20 { border-color: rgba(14,165,233,0.18); }
.border-brand\/15 { border-color: rgba(14,165,233,0.15); }
.border-brand\/30 { border-color: rgba(14,165,233,0.3); }
.border-brand\/40 { border-color: rgba(14,165,233,0.4); }
.bg-brand\/5 { background-color: rgba(14,165,233,0.05); }
.bg-brand\/10 { background-color: rgba(14,165,233,0.1); }
.bg-brand\/20 { background-color: rgba(14,165,233,0.2); }
.bg-brand\/30 { background-color: rgba(14,165,233,0.3); }
.ring-brand\/40 { --tw-ring-color: rgba(14,165,233,0.4); }
.hover\:bg-brand-glow:hover { background-color: var(--brand-glow); }
.hover\:bg-brand\/20:hover { background-color: rgba(14,165,233,0.2); }
.text-muted-foreground { color: var(--muted-foreground); }
textarea:focus { outline: none; border-color: rgba(14,165,233,0.6); box-shadow: 0 0 0 2px rgba(14,165,233,0.25); }