:root {
    --primary: #1e40af;
    --primary-light: #3b82f6;
}

body { font-family: 'Segoe UI', system-ui, sans-serif; color: #1e293b; }

.hero-section { min-height: 320px; display: flex; align-items: center; }

.card { border-radius: 12px; }
.card:hover { box-shadow: 0 4px 24px rgba(30,64,175,.10) !important; transition: box-shadow .2s; }

.btn-primary { background: var(--primary); border-color: var(--primary); }
.btn-primary:hover { background: #1d3a9e; border-color: #1d3a9e; }

code { background: #f1f5f9; padding: 2px 6px; border-radius: 4px; font-size: .85em; }
pre  { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 12px; font-size: .85em; }

.table td, .table th { vertical-align: middle; }