@media (max-width: 768px) {
    h1 {
        font-size: 2.5rem;
    }

    .nav-links {
        display: none;
    }

    .mobile-menu-toggle {
        display: block;
    }

    .transaction-types {
        grid-template-columns: 1fr;
    }

    .timeline::before {
        left: 20px;
    }

    .timeline-item {
        flex-direction: column !important;
    }

    .timeline-content {
        width: 100%;
        margin-left: 50px;
    }

    .timeline-dot {
        left: 20px;
    }
}