:root {
    --primary: #0a1f3d;
    --success: #00b894;
    --dark: #121212;
}

.bg-primary { background-color: var(--primary) !important; }
.text-success { color: var(--success) !important; }
.btn-success { background-color: var(--success); border-color: var(--success); }
.btn-success:hover { background-color: #00d2a8; }

body { font-family: 'Inter', sans-serif; background:#f8f9fa; color:#333; }
h1,h2,h3,h4,h5,h6 { font-family: 'Orbitron', sans-serif; }

.hero {
    background: linear-gradient(rgba(10,31,61,0.9), rgba(10,31,61,0.8)),
    url('https://images.unsplash.com/photo-1451186855-d5e6c8652e2b?auto=format&fit=crop&q=80') center/cover;
}
.hero-bg {
    position: absolute; inset: 0;
    background: url('https://images.unsplash.com/photo-1501523460185-2aa5d2a2f1b7?auto=format&fit=crop&q=80') center/cover;
    filter: blur(4px) brightness(0.5);
}

.hover-lift {
    transition: transform .3s, box-shadow .3s;
}
.hover-lift:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
}

.markdown-body h2 { border-bottom: 2px solid var(--success); padding-bottom: .5rem; }
.pagination .page-item.active .page-link { background: var(--success); border-color: var(--success); }
.hover-success:hover { color: var(--success) !important; }