body { background: #0b0d10; }
.bg-near-black { background-color: #0b0d10; }
.amber { color: #f5a623; }
.bg-amber { background-color: #f5a623; color: #0b0d10 !important; }
.border-amber { border-color: #f5a623; }
.bg-panel { background-color: #14171b; }
.b--panel { border-color: #23272d; }
.terminal {
    background: #101318;
    border: 1px solid #23272d;
    border-radius: 8px;
    padding: 1.5rem;
    text-align: left;
}
.terminal .prompt { color: #f5a623; }
.terminal .cmt { color: #6b7280; }
.terminal .bad { color: #f56565; }
.terminal .good { color: #48bb78; }
.card {
    background: #14171b;
    border: 1px solid #23272d;
    border-radius: 10px;
    transition: border-color 150ms ease, transform 150ms ease;
}
.card:hover { border-color: #f5a623; transform: translateY(-2px); }
.dot-bad { display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: #f56565; margin-right: 8px; }
.dot-good { display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: #48bb78; margin-right: 8px; }
input.fa-input {
    background: #14171b;
    border: 1px solid #2a2f36;
    color: #fff;
}
input.fa-input::placeholder { color: #6b7280; }
input.fa-input:focus { outline: none; border-color: #f5a623; }