/* === VARIABILI AETHER TECH === */
        :root {
            --base-deep: #020409;
            --base-panel: #0a0d17;
            --tech-orange: #bb00ff; /* Magenta neon */
            --tech-cyan: #00e5ff;
            --tech-cyan-dim: rgba(0, 229, 255, 0.15);
            --tech-purple: #8a2be2;
            --text-main: #FFFFFF;
            --text-muted: #abb5c2;
        }

        body {
            background-color: var(--base-deep);
            background-image: radial-gradient(circle at 10% 20%, var(--base-deep) 0%, var(--base-panel) 70%);
            color: var(--text-main);
            font-family: 'Segoe UI', Roboto, Helvetica, sans-serif;
        }

        h1, h2, .logo {
            font-family: 'Montserrat', sans-serif;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* === SCROLLBAR FUTURISTICA === */
        ::-webkit-scrollbar { width: 8px; height: 8px; }
        ::-webkit-scrollbar-track { background: #03050a; }
        ::-webkit-scrollbar-thumb { background: var(--tech-purple); border-radius: 4px; border: 1px solid #03050a; }
        ::-webkit-scrollbar-thumb:hover { background: var(--tech-cyan); }

        /* === INPUTS & FORMS AETHER === */
        .aether-input {
            background-color: #03050a;
            border: 1px solid rgba(138, 43, 226, 0.3);
            color: var(--text-main);
            transition: all 0.3s ease;
        }
        .aether-input:focus {
            border-color: var(--tech-cyan);
            box-shadow: 0 0 12px rgba(0, 229, 255, 0.2);
            outline: none;
        }
        .aether-input option {
            background-color: var(--base-panel);
            color: var(--text-main);
        }

        /* === PULSANTI OLOGRAFICI === */
        .aether-btn {
            background-color: transparent;
            border: 1px solid var(--tech-cyan);
            color: var(--tech-cyan);
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: 1px;
            transition: all 0.3s;
            box-shadow: 0 0 10px rgba(0, 229, 255, 0.1);
        }
        .aether-btn:hover {
            background-color: var(--tech-cyan);
            color: var(--base-deep);
            box-shadow: 0 0 20px var(--tech-cyan);
        }

        /* === MINI TAG BUTTONS === */
        .tag-btn {
            background-color: rgba(0, 229, 255, 0.1);
            border: 1px solid rgba(0, 229, 255, 0.3);
            color: var(--tech-cyan);
            transition: all 0.2s;
        }
        .tag-btn:hover {
            background-color: var(--tech-cyan);
            color: var(--base-deep);
            box-shadow: 0 0 10px var(--tech-cyan);
        }

        /* === RANGE SLIDERS CYBERPUNK === */
        input[type=range] {
            -webkit-appearance: none;
            width: 100%;
            background: rgba(138, 43, 226, 0.2);
            height: 4px;
            border-radius: 2px;
            outline: none;
        }
        input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: var(--tech-cyan);
            box-shadow: 0 0 10px var(--tech-cyan);
            cursor: pointer;
            transition: transform 0.1s;
        }
        input[type=range]::-webkit-slider-thumb:hover {
            transform: scale(1.2);
        }

        /* Color Picker Customization */
        input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
        input[type="color"]::-webkit-color-swatch { border: 1px solid rgba(255,255,255,0.2); border-radius: 4px; }

        iframe { width: 100%; height: 100%; border: none; background: #000000; }