body { }
pre { white-space: pre-wrap; }
/* --- Brand & Hero Styling --- */
.brand-logo {
    height: 36px;
    width: auto;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
}

.brand-text {
    font-weight: 600;
    letter-spacing: .2px;
}

.hero-logo {
    height: 96px;
    width: auto;
    object-fit: contain;
}

/* soft neon-style edge glow that matches your purple/blue logo */
.shadow-glow {
    filter: drop-shadow(0 0 10px rgba(104, 76, 255, 0.45)) drop-shadow(0 0 24px rgba(20, 128, 255, 0.25));
}

/* Dark-mode polish */
@media (prefers-color-scheme: dark) {
    body {
        background: #0f1114;
        color: #d9d9e3;
    }

    .navbar-dark {
        background-color: #111318 !important;
    }

    .card {
        background: #151823;
        border-color: #1d2331;
    }

    pre,
    textarea.form-control {
        background: #0f131b !important;
        color: #e6e6f0 !important;
        border-color: #22293a !important;
    }
}

/* Keep the brand tidy on small screens */
@media (max-width: 420px) {
    .brand-logo {
        height: 28px;
    }
}