/* Additional responsive styles */
@media (max-width: 480px) {
    .container {
        padding: 10px;
    }
    
    .navbar {
        padding: 1rem;
    }
    
    .auth-container {
        padding: 1.5rem;
        margin: 1rem;
    }
    
    .modal-content {
        padding: 1rem;
        width: 95%;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
    
    .points-display {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }
    
    .ad-value {
        margin-left: 0;
        width: 100%;
    }
}

/* Tablet Styles */
@media (min-width: 481px) and (max-width: 1024px) {
    .levels-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    body {
        background: linear-gradient(135deg, #1e3a8a 0%, #581c87 100%);
    }
    
    .level-card,
    .request-form-container,
    .ads-viewer-container,
    .auth-container {
        background: #1e293b;
        color: #f8fafc;
    }
    
    .form-group label {
        color: #f8fafc;
    }
    
    .ad-display-area {
        background: #334155;
    }
}