:root {
  --background: #0a0a0a;
  --foreground: #f5f5f5;
  --muted-foreground: #a0a0a0;
  --brand: #ffffff; /* white */
  --brand-glow: #d4d4d4; /* soft white glow */
}
body {
  background: radial-gradient(ellipse at top, #1a1a1a 0%, #0d0d0d 60%, #000000 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(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 40px 40px;
}
.glow-text { text-shadow: 0 0 30px rgba(255,255,255,0.2); }
.glow-border { box-shadow: 0 0 20px rgba(255,255,255,0.15); }
.card-surface { background: rgba(18, 18, 18, 0.7); backdrop-filter: blur(12px); }
.bg-brand { background-color: #ffffff; }
.bg-brand-glow { background-color: var(--brand-glow); }
.text-brand-glow { color: var(--brand-glow); }
.border-brand\/20 { border-color: rgba(255,255,255,0.18); }
.border-brand\/15 { border-color: rgba(255,255,255,0.15); }
.border-brand\/30 { border-color: rgba(255,255,255,0.3); }
.border-brand\/40 { border-color: rgba(255,255,255,0.4); }
.bg-brand\/5 { background-color: rgba(255,255,255,0.05); }
.bg-brand\/10 { background-color: rgba(255,255,255,0.1); }
.bg-brand\/20 { background-color: rgba(255,255,255,0.2); }
.bg-brand\/30 { background-color: rgba(255,255,255,0.3); }
.ring-brand\/40 { --tw-ring-color: rgba(255,255,255,0.4); }
.hover\:bg-brand-glow:hover { background-color: var(--brand-glow); }
.hover\:bg-brand\/20:hover { background-color: rgba(255,255,255,0.2); }
.text-muted-foreground { color: var(--muted-foreground); }
textarea:focus { outline: none; border-color: rgba(255,255,255,0.5); box-shadow: 0 0 0 2px rgba(255,255,255,0.15); }