@media (max-width: 600px) {
    .container {
        gap: 15px;
    }

    .glass-card {
        padding: 38px 28px;
        border-radius: 24px;
    }

    h1 {
        font-size: 1.8rem;
    }

    .logo {
        font-size: 3.2rem;
    }

    .subtitle {
        font-size: 0.9rem;
    }

    .node-card {
        padding: 16px 20px;
    }

    .node-icon {
        width: 38px;
        height: 38px;
        font-size: 1.15rem;
        margin-right: 12px;
    }

    .node-name {
        font-size: 1rem;
    }

    .node-ping {
        font-size: 0.92rem;
        padding: 5px 12px;
    }

    .fastest-tag {
        display: none;
    }

    .redirect-section {
        padding: 22px 24px;
    }

    .timer-number {
        font-size: 1.6rem;
    }
}

@media (max-width: 400px) {
    .glass-card {
        padding: 30px 20px;
        border-radius: 20px;
    }

    h1 {
        font-size: 1.5rem;
    }

    .logo {
        font-size: 2.6rem;
    }

    .loader {
        width: 40px;
        height: 40px;
    }

    .node-card {
        padding: 14px 16px;
    }

    .node-icon {
        width: 34px;
        height: 34px;
        font-size: 1rem;
    }
}