/* Starfield / dark mode global styles */
body.dark-mode { position: relative; overflow-x: hidden; }
/* Contenedor para canvas de partículas */
#bg-starfield { position: fixed; inset: 0; z-index: -10; background: radial-gradient(circle at 15% 20%, #0b1420 0%, #05070c 65%, #030509 100%); overflow:hidden; }
#bg-starfield canvas { position:absolute; inset:0; width:100%; height:100%; display:block; }
/* Modo ligero: menos contraste */
.starfield-lite #bg-starfield { background: #05070c; }
/* Optional subtle twinkle */
@keyframes twinkle { 0%,100% { opacity: .2;} 50% { opacity: .9;} }
/* Eliminamos shooting-star DOM approach; ahora se manejarán destellos dentro del canvas. */
/* Utility classes */
.dark-panel { background: rgba(10,18,28,0.75); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1px solid rgba(0,255,231,0.15); box-shadow: 0 8px 32px -4px rgba(0,255,231,0.12); }
.glow-border { box-shadow: 0 0 0 1px rgba(0,255,231,0.3), 0 0 24px -4px rgba(0,255,231,0.4); }