body {
    background: #0b0f1a;
    color: #e0e6f0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
.navbar {
    background: #111827;
}
.nav-link {
    color: #a0b3cc;
}
.nav-link:hover {
    color: #6ee7ff;
}
.card {
    background: #131a2a;
    border: 1px solid #26324d;
    border-radius: 12px;
}
.card-header {
    background: #1b2438;
    border-bottom: 1px solid #26324d;
}
.btn-outline-primary {
    color: #6ee7ff;
    border-color: #6ee7ff;
}
.btn-outline-primary:hover {
    background: #6ee7ff;
    color: #0b0f1a;
}
h1, h2, h3, h4 {
    color: #ffffff;
}
.jumbotron {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    color: white;
    padding: 4rem 2rem;
    border-radius: 12px;
}
.plot-container {
    background: #0b0f1a;
    border: 1px solid #26324d;
    border-radius: 12px;
    padding: 10px;
}
pre#log-output {
    background: #0f172a;
    color: #6ee7ff;
}
.badge-neuro {
    background: #6ee7ff22;
    color: #6ee7ff;
}


.hover-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}