/* Importación de Fuentes */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800;900&family=JetBrains+Mono:wght@400;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #0d1117;
    color: #f1f5f9;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    margin: 0;
}

.font-mono { font-family: 'JetBrains Mono', monospace; }

/* Efectos de Interfaz Bio-Hub */
.glow-border-accent {
    box-shadow: 0 0 15px rgba(34, 211, 238, 0.15), inset 0 0 5px rgba(34, 211, 238, 0.05);
    border-color: rgba(34, 211, 238, 0.5);
}

.glow-text-accent {
    text-shadow: 0 0 12px rgba(34, 211, 238, 0.6);
}

.hover-glow:hover {
    box-shadow: 0 0 20px rgba(34, 211, 238, 0.2);
    border-color: #22d3ee;
}

/* Animación: Verde Esmeralda (Emerald-500) */
.scanline {
    width: 100%;
    height: 1px;
    background: rgba(16, 185, 129, 0.08); /* Aumenté un poco la opacidad para que se note en monitores grandes */
    position: absolute;
    animation: scan 6s linear infinite;
    z-index: 10;
    pointer-events: none;
}

@keyframes scan {
    0% { top: 0; }
    100% { top: 100%; }
}

/* Scrollbar Personalizada */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: #22d3ee; }