.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.nav-glass {
    background: rgba(247, 249, 251, 0.85);
    backdrop-filter: blur(12px);
}

.hero-gradient {
    background: radial-gradient(circle at 10% 20%, rgba(0, 180, 216, 0.05) 0%, transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(10, 25, 47, 0.03) 0%, transparent 40%);
}

.step-connector::after {
    content: '';
    position: absolute;
    top: 2rem;
    left: 2rem;
    bottom: -2rem;
    width: 1px;
    background: #c5c6cd;
}

@media (min-width: 768px) {
    .step-connector::after {
        top: 2.5rem;
        left: 50%;
        width: calc(100% - 4rem);
        height: 1px;
    }
}