body.wizard-theme-neon.wizard-body {
    --neon-bg: #070a1f;
    --neon-bg-2: #0d1f4a;
    --neon-surface: rgba(14, 25, 58, 0.88);
    --neon-surface-2: rgba(9, 19, 47, 0.92);
    --neon-line: rgba(118, 146, 255, 0.28);
    --neon-text: #eef3ff;
    --neon-muted: #b8c5f4;
    --neon-blue: #4aa3ff;
    --neon-cyan: #20d8ff;
    --neon-pink: #ff4fa3;
    --neon-orange: #ff9f3f;
    background:
        radial-gradient(900px 540px at -15% -20%, rgba(255, 79, 163, 0.25), transparent 60%),
        radial-gradient(760px 460px at 115% -10%, rgba(32, 216, 255, 0.24), transparent 58%),
        radial-gradient(680px 400px at 55% 110%, rgba(74, 163, 255, 0.22), transparent 60%),
        linear-gradient(180deg, var(--neon-bg) 0%, var(--neon-bg-2) 100%);
    color: var(--neon-text);
    font-family: "Tajawal", "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
}

.wizard-theme-neon .public-hero-band {
    background: linear-gradient(110deg, #1d0f57 0%, #0f2f73 50%, #0b4e7d 100%);
}

.wizard-theme-neon .public-topbar {
    background: rgba(9, 18, 47, 0.72);
    border-bottom-color: var(--neon-line);
    backdrop-filter: blur(14px);
}

.wizard-theme-neon .public-brand {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(80, 167, 255, 0.35);
}

.wizard-theme-neon .public-top-subtitle,
.wizard-theme-neon .muted,
.wizard-theme-neon .progress-text {
    color: var(--neon-muted);
}

.wizard-theme-neon .card.wizard-hero-card,
.wizard-theme-neon .card.wizard-question-card,
.wizard-theme-neon .card.wizard-result-card {
    background: linear-gradient(155deg, var(--neon-surface) 0%, var(--neon-surface-2) 100%);
    border-color: var(--neon-line);
    box-shadow: 0 20px 40px rgba(4, 10, 34, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.wizard-theme-neon .compact-header h1,
.wizard-theme-neon .question-main-title,
.wizard-theme-neon .summary-value,
.wizard-theme-neon #result-title,
.wizard-theme-neon #result-message {
    color: var(--neon-text);
}

.wizard-theme-neon .wizard-progress-track {
    background: rgba(152, 173, 255, 0.22);
}

.wizard-theme-neon .wizard-progress-fill {
    background: linear-gradient(90deg, var(--neon-cyan) 0%, var(--neon-blue) 50%, var(--neon-pink) 100%);
}

.wizard-theme-neon .wizard-step-kicker,
.wizard-theme-neon .wizard-step-status {
    color: #9db1f0;
}

.wizard-theme-neon .wizard-step-title {
    color: #f1f5ff;
}

.wizard-theme-neon .wizard-step-dot {
    border-color: rgba(158, 178, 255, 0.55);
    background: rgba(93, 116, 202, 0.45);
}

.wizard-theme-neon .wizard-step-connector {
    background: rgba(130, 160, 255, 0.35);
}

.wizard-theme-neon .wizard-step-item.active .wizard-step-dot {
    border-color: var(--neon-cyan);
    background: var(--neon-blue);
    box-shadow: 0 0 0 3px rgba(74, 163, 255, 0.2), 0 0 18px rgba(32, 216, 255, 0.45);
}

.wizard-theme-neon .wizard-step-item.active .wizard-step-status {
    color: #7ee6ff;
}

.wizard-theme-neon .wizard-step-item.done .wizard-step-dot {
    border-color: #58dc9f;
    background: #58dc9f;
}

.wizard-theme-neon .wizard-step-item.done .wizard-step-connector {
    background: linear-gradient(90deg, #58dc9f, var(--neon-cyan));
}

.wizard-theme-neon .wizard-step-item.done .wizard-step-status {
    color: #89f2c0;
}

.wizard-theme-neon .question-step-label {
    background: rgba(74, 163, 255, 0.2);
    border-color: rgba(112, 191, 255, 0.5);
    color: #b3ddff;
}

.wizard-theme-neon .question-helper {
    color: #bfd0fb;
}

.wizard-theme-neon .option-card {
    background: linear-gradient(140deg, rgba(25, 42, 98, 0.8), rgba(16, 31, 80, 0.8));
    border-color: rgba(137, 167, 255, 0.35);
    color: #f2f6ff;
}

.wizard-theme-neon .option-card::before {
    border-color: rgba(176, 197, 255, 0.58);
    background: rgba(127, 151, 236, 0.32);
}

.wizard-theme-neon .option-card:hover,
.wizard-theme-neon .option-card:focus-visible {
    border-color: rgba(32, 216, 255, 0.9);
    box-shadow: 0 12px 24px rgba(6, 14, 45, 0.5), 0 0 0 1px rgba(32, 216, 255, 0.35) inset;
}

.wizard-theme-neon .option-card.selected {
    background: linear-gradient(120deg, rgba(255, 79, 163, 0.25), rgba(74, 163, 255, 0.26));
    border-color: rgba(255, 138, 188, 0.9);
}

.wizard-theme-neon .option-card.selected::before {
    background: linear-gradient(180deg, var(--neon-pink), var(--neon-orange));
    border-color: rgba(255, 206, 173, 0.8);
}

.wizard-theme-neon input,
.wizard-theme-neon select,
.wizard-theme-neon textarea {
    background: rgba(8, 18, 50, 0.9);
    border: 1px solid rgba(125, 159, 255, 0.45);
    color: #f0f4ff;
}

.wizard-theme-neon input::placeholder,
.wizard-theme-neon textarea::placeholder {
    color: #a6b8f3;
}

.wizard-theme-neon button,
.wizard-theme-neon .button,
.wizard-theme-neon .button-link {
    border-color: transparent;
}

.wizard-theme-neon .button {
    background: linear-gradient(90deg, var(--neon-pink), var(--neon-orange));
    color: #ffffff;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(255, 92, 168, 0.35);
}

.wizard-theme-neon .secondary,
.wizard-theme-neon .button-link {
    background: rgba(21, 35, 89, 0.84);
    border: 1px solid rgba(127, 155, 250, 0.45);
    color: #d8e4ff;
}

.wizard-theme-neon .summary-list {
    background: rgba(14, 24, 63, 0.72);
    border-color: rgba(117, 149, 255, 0.35);
}

.wizard-theme-neon .summary-key {
    background: rgba(74, 163, 255, 0.22);
    color: #b6dcff;
}

.wizard-theme-neon .toast {
    background: linear-gradient(90deg, var(--neon-cyan), var(--neon-blue));
    color: #081936;
}

.wizard-theme-neon .mobile-bottom-nav {
    background: rgba(8, 16, 44, 0.94);
    border-top-color: rgba(111, 143, 245, 0.4);
}

.wizard-theme-neon #mobile-progress-text {
    color: #c6d6ff;
}