@media (max-width: 1024px) {
    .guide-container {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .hero {
        height: 80vh;
    }
    
    .glitch {
        font-size: 3.8rem;
    }
}

@media (max-width: 640px) {
    .guide-section {
        padding: 2rem 1rem;
    }

    .glitch {
        font-size: 3.2rem;
    }

    .hero-desc {
        font-size: 1.1rem;
        margin: 1.2rem 0;
    }

    .enter-btn {
        font-size: 0.9rem;
        padding: 1rem 1.2rem;
    }
    
    .column {
        min-height: auto;
        padding: 1rem;
    }
    
    .content-area img {
        max-height: 280px;
    }
}