/* Responsive Design */
        @media (max-width: 992px) {
            .hero-content, .about-content, .contact-content {
                grid-template-columns: 1fr;
            }
            
            .timeline::after {
                left: 31px;
            }
            
            .timeline-item {
                width: 100%;
                padding-left: 70px;
                padding-right: 25px;
            }
            
            .timeline-item:nth-child(even) {
                left: 0;
            }
            
            .timeline-content::after {
                left: -10px;
                right: auto;
            }
            
            .timeline-item:nth-child(odd) .timeline-content::before {
                border-right: 10px solid var(--glass);
                border-left: none;
                right: auto;
                left: -10px;
            }
            
            .timeline-dot {
                left: 21px;
                right: auto;
            }
        }

        @media (max-width: 768px) {
            nav {
                padding: 15px 20px;
            }
            
            .nav-links {
                display: none;
                position: absolute;
                top: 70px;
                left: 0;
                width: 100%;
                background: rgba(5, 5, 16, 0.95);
                flex-direction: column;
                padding: 20px;
                text-align: center;
                gap: 15px;
            }
            
            .nav-links.active {
                display: flex;
            }
            
            .hamburger {
                display: block;
            }
            
            .hero-text h1 {
                font-size: 2.5rem;
            }
            
            section {
                padding: 80px 20px;
            }
            
            .skills {
                grid-template-columns: 1fr;
            }
        }