body {
    background-color: #1e1f2b;
    color: #e6e6eb !important;
}

.hero {
    background: radial-gradient(circle at top, #2b2f45, #1e1f2b 70%);
    padding: 120px 16px;
}

.hero-title {
    font-weight: 700;
}

.hero-subtitle {
    color: #a0a3b1;
}

.hero-cta {
    padding: 14px 36px;
    border-radius: 14px;
    box-shadow: 0 0 40px rgba(124,124,255,.35);
}

.section {
    margin-top: 120px;
}

.feature-card {
    background-color: #2a2d3e;
    padding: 32px;
    border-radius: 18px;
    height: 100%;
    transition: transform .2s ease, box-shadow .2s ease;
}

.feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 40px rgba(0,0,0,.45);
}

.step-card {
    background-color: #2a2d3e;
    padding: 32px;
    border-radius: 18px;
    text-align: center;
}

.step-number {
    background-color: #7c7cff;
    color: #fff;
    margin-bottom: 16px;
}

.cta {
    background: linear-gradient(135deg, #2f3350, #26293d);
    padding: 64px 32px;
    border-radius: 24px;
    text-align: center;
}

.muted {
    color: #a0a3b1;
}