/* Futuristic / neon helpers (kept minimal to not fight Tailwind) */

:root{
  --glow: 0 0 18px rgba(45, 212, 191, .35);
}

body{
  background:
    radial-gradient(900px 600px at 15% 10%, rgba(34,211,238,.18), transparent 60%),
    radial-gradient(900px 600px at 85% 20%, rgba(45,212,191,.14), transparent 60%),
    radial-gradient(800px 500px at 50% 85%, rgba(99,102,241,.10), transparent 55%),
    #020617;
}

.shadow-glow{ box-shadow: var(--glow); }

.glow-text{
  text-shadow:
    0 0 18px rgba(34,211,238,.35),
    0 0 28px rgba(45,212,191,.22);
}

/* Make long words / codes never overlap */
.break-anywhere{ overflow-wrap: anywhere; word-break: break-word; }

/* Shared compact button option for tight cards */
.btn-compact{
  padding: .45rem .75rem !important;
  font-size: .875rem !important;
  line-height: 1.1rem !important;
  border-radius: 9999px !important;
}

/* Better default focus glow */
a:focus-visible, button:focus-visible, input:focus-visible{
  outline: 2px solid rgba(34,211,238,.55);
  outline-offset: 2px;
}