.bg-primary {background-color: #0b0e1a !important;}
.bg-gradient-primary {background: linear-gradient(87deg, #0b0e1a 0, #1a1f2f 100%) !important;}
.btn-primary {color: #ffffff;background-color: #0b0e1a;border-color: #0b0e1a;}
.btn-primary:hover {color: #ffffff;background-color: #1a1f2f;border-color: #1a1f2f;}
.text-primary {color: #b6c8f0 !important;}
.badge-primary {color: #ffffff;background-color: #0b0e1a;}
.border-primary {border-color: #0b0e1a !important;}
.card-header {padding: 1.25rem 1.5rem;margin-bottom: 0;background-color: rgba(255, 255, 255, 0.03);border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.05);}
.card-footer {padding: 1.25rem 1.5rem;background-color: rgba(255, 255, 255, 0.02);border-top: 0.0625rem solid rgba(255, 255, 255, 0.05);}
.navbar-theme-primary:not(.headroom) {background-color: #0b0e1a;}
.section-primary {background-color: #0b0e1a !important;}
.page-item.active .page-link {z-index: 1;color: #ffffff;background-color: #0b0e1a;border-color: #0b0e1a;}
.list-group-item.active {z-index: 2;color: #ffffff;background-color: #0b0e1a;border-color: #0b0e1a;}

.how-it-works-section {padding: 60px 0 40px;}
.how-it-works-section .step-circle {width: 85px;height: 85px;background: rgba(255,255,255,0.06);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06) inset;transition:all 0.3s ease;}
.how-it-works-section .step-circle i {font-size:2rem;color:#c8d4f0;}
.how-it-works-section .step-circle:hover {background:rgba(255,255,255,0.12);transform:scale(1.05);}
.how-it-works-section h4 {color:#f0f4ff;font-weight:700;margin-bottom:12px;}
.how-it-works-section p {color:#b6c8f0;opacity:0.85;padding:0 15px;}