body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #020617; /* Głęboki granat, ciemniejszy niż standardowy bg-dark */
    color: #e2e8f0;
}

/* Niestandardowe style dla elementów, których Bootstrap nie obsługuje natywnie (gradienty) */
.gradient-text {
    background: linear-gradient(135deg, #a5b4fc, #e879f9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feature-card {
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.8), rgba(30, 41, 59, 0.4));
    border: 1px solid rgba(148, 163, 184, 0.1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

    .feature-card:hover {
        border-color: rgba(168, 85, 247, 0.4);
        box-shadow: 0 0 30px -10px rgba(168, 85, 247, 0.2);
        transform: translateY(-2px);
    }

.icon-box {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.1));
    width: 56px;
    height: 56px;
}

.flow-section {
    background-color: rgba(30, 27, 75, 0.2);
    border: 1px solid rgba(99, 102, 241, 0.1);
}

.hero-badge {
    background-color: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.2);
    letter-spacing: 0.1em;
}

/* Nadpisanie Bootstrapowych kolorów tekstu dla lepszego kontrastu */
.text-slate-400 {
    color: #94a3b8 !important;
}

.text-slate-500 {
    color: #64748b !important;
}

/* Styl listy w kartach */
.feature-list li {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}