/* Mobile Styles */
@media (max-width: 768px) {
    :root {
        --font-h1: 36px;
        --font-h2: 28px;
        --font-h3: 20px;
        --font-base: 16px;
    }
    
    /* Hero section mobile adjustments */
    .hero {
        padding-top: 70px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .hero h1 {
        font-size: clamp(32px, 10vw, 48px);
        line-height: 1.2;
    }
    
    .hero .subtitle {
        font-size: 18px;
        line-height: 1.4;
    }
    
    .logo {
        display: none;
    }
    
    .logo-mobile {
        display: block;
    }
    
    .lang-selector {
        margin-left: auto;
    }
    
    /* Mobile navigation */
    .nav-about {
        font-size: 14px;
        padding: 12px 16px;
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    
    .email-form {
        flex-direction: column;
        gap: var(--spacing-md);
    }
    
    .email-input {
        font-size: 16px; /* iOS 자동 줌 방지 */
        min-height: 48px;
    }
    
    .btn-primary {
        width: 100%;
        min-height: 48px;
        font-size: 16px;
    }
    
    .terminal-body {
        padding: var(--spacing-md);
        font-size: 14px;
        line-height: 1.6;
    }
    
    /* Language dropdown on mobile */
    .lang-dropdown {
        margin-left: auto;
    }
    
    .lang-text {
        display: none;
    }
    
    .lang-current {
        padding: 12px;
        min-height: 44px;
        min-width: 44px;
    }
    
    .dropdown-arrow {
        display: none;
    }
    
    /* Footer on mobile */
    .footer-links {
        flex-direction: column;
        gap: var(--spacing-sm);
    }
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        padding: 0 40px;
    }
    
    .terminal {
        max-width: 90%;
    }
}

/* Large screens */
@media (min-width: 1440px) {
    :root {
        --font-h1: 64px;
        --font-h2: 40px;
        --font-h3: 28px;
    }
    
    .container {
        max-width: 1400px;
    }
}