/* Main Container */
.speedtest-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.speedtest-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 30px;
    padding: 50px 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .speedtest-card::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
        transform: rotate(45deg);
        pointer-events: none;
    }

/* Responsive Layout */
@media (max-width: 768px) {
    .speedtest-card {
        padding: 40px 30px;
        border-radius: 25px;
    }
}

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