body { background-color: #18181b; color: #f4f4f5; }

.card {
    background-color: #27272a;
    border-radius: 0.75rem;
    padding: 1.75rem;
    border: 1px solid #3f3f46;
}

.hero-shot {
    border: 1px solid #3f3f46;
    border-radius: 0.75rem;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.6);
}

code, .mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.codeblock {
    background-color: #18181b;
    border: 1px solid #3f3f46;
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    overflow-x: auto;
}