.neon-toggle {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }
        .neon-toggle input {
            opacity: 0;
            width: 0;
            height: 0;
        }
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ff2e63;
            transition: 0.4s;
            border-radius: 34px;
            box-shadow: 0 0 10px #ff2e63, 0 0 20px #ff2e63;
        }
        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: #fff;
            transition: 0.4s;
            border-radius: 50%;
            box-shadow: 0 0 5px #00ff88, 0 0 10px #00ff88;
        }
        input:checked + .slider {
            background-color: #00ff88;
            box-shadow: 0 0 10px #00ff88, 0 0 20px #00ff88;
        }
        input:checked + .slider:before {
            transform: translateX(26px);
        }
        .neon-theme {
            background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
            color: #fff;
        }
        .neon-theme .bg-card {
            background: #1a1626;
            border: 1px solid #00ff88;
            box-shadow: 0 0 15px rgba(0, 255, 136, 0.7);
        }
        .neon-theme .text-primary {
            color: #00ff88;
            text-shadow: 0 0 5px #00ff88;
        }
        .neon-theme .text-secondary {
            color: #ff2e63;
            text-shadow: 0 0 5px #ff2e63;
        }
        .neon-theme .border-card {
            border-color: #00ff88;
        }
        .neon-theme .hover-bg:hover {
            background: #2a2646;
            box-shadow: 0 0 10px rgba(0, 255, 136, 0.5);
        }
        .black-theme {
            background: #111827;
            color: #e5e7eb;
        }
        .black-theme .bg-card {
            background: #1f2937;
            border: 1px solid #374151;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        }
        .black-theme .text-primary {
            color: #e5e7eb;
        }
        .black-theme .text-secondary {
            color: #9ca3af;
        }
        .black-theme .border-card {
            border-color: #374151;
        }
        .black-theme .hover-bg:hover {
            background: #374151;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
        }
        /* Footer Styling */
        footer {
            margin-top: 2rem;
            padding: 1rem;
            text-align: center;
            font-size: 0.875rem;
        }
        .neon-theme footer {
            background: #1a1626;
            color: #00ff88;
            box-shadow: 0 0 10px rgba(0, 255, 136, 0.5);
        }
        .black-theme footer {
            background: #1f2937;
            color: #e5e7eb;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        }
        @media (max-width: 640px) {
            .container {
                padding: 0.5rem;
            }
            h1 {
                font-size: 1.5rem;
            }
            h3 {
                font-size: 1.125rem;
            }
            .text-lg {
                font-size: 1rem;
            }
            .text-sm {
                font-size: 0.75rem;
            }
            .text-xs {
                font-size: 0.65rem;
            }
            .neon-toggle {
                width: 48px;
                height: 28px;
            }
            .slider:before {
                height: 20px;
                width: 20px;
                left: 4px;
                bottom: 4px;
            }
            input:checked + .slider:before {
                transform: translateX(20px);
            }
            canvas {
                max-height: 200px;
            }
        }
        @media (min-width: 641px) and (max-width: 1024px) {
            .container {
                padding: 1rem;
            }
            h1 {
                font-size: 2rem;
            }
            h3 {
                font-size: 1.25rem;
            }
            canvas {
                max-height: 250px;
            }
        }