@import url('../css pages/global.css');

body.dark-theme { background-color: #0f172a; color: #f1f5f9; }

body.dark-theme .bg-\[#F8FAFC\] { background-color: #0f172a !important; }

.info-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.info-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(79, 70, 229, 0.12);
    border-color: #4f46e5;
}
body.dark-theme .info-card {
    background-color: #1e293b;
    border-color: #334155;
}
body.dark-theme .info-card:hover {
    border-color: #4f46e5;
    background-color: #27364b;
}

.step-line::after {
    content: '';
    position: absolute;
    left: 1.75rem;
    top: 3.5rem;
    width: 2px;
    height: calc(100% + 1.5rem);
    background: linear-gradient(to bottom, #4f46e5, transparent);
}