/*
  Simon's Simple Contact Form – Addon Theme Pack (Theme Pack 1)
  This file adds 50 extra themes by defining additional .scf-theme-<name> variable blocks.
  Requires the core SCF theme system.
*/
/* --- Shared animations (prefixed to avoid collisions) --- */
@keyframes scf-addon-ultimate50-gradientShift{
  0%{background-position: 0% 50%;}
  50%{background-position: 100% 50%;}
  100%{background-position: 0% 50%;}
}
@keyframes scf-addon-ultimate50-sheen{
  0%{background-position: 0% 50%;}
  100%{background-position: 200% 50%;}
}
@keyframes scf-addon-ultimate50-prismSpin{
  0%{filter:hue-rotate(0deg); transform: translateZ(0) rotate(0deg);}
  100%{filter:hue-rotate(360deg); transform: translateZ(0) rotate(0.0001deg);}
}
@keyframes scf-addon-ultimate50-lavaDrift{
  0%{background-position: 0% 0%;}
  50%{background-position: 100% 80%;}
  100%{background-position: 0% 0%;}
}
@keyframes scf-addon-ultimate50-chromeFlow{
  0%{background-position: 0% 50%;}
  50%{background-position: 90% 40%;}
  100%{background-position: 0% 50%;}
}
@keyframes scf-addon-ultimate50-starsDrift{
  0%{background-position: 0 0, 0 0, 0 0;}
  100%{background-position: 260px 180px, -220px 140px, 180px -240px;}
}
@keyframes scf-addon-ultimate50-comet{
  0%{background-position: 0% 30%;}
  50%{background-position: 100% 60%;}
  100%{background-position: 0% 30%;}
}
@keyframes scf-addon-ultimate50-cardGlint{
  0%{transform: translateX(-45%) rotate(0deg); opacity:.15;}
  40%{opacity:.55;}
  70%{opacity:.35;}
  100%{transform: translateX(45%) rotate(0deg); opacity:.15;}
}

/* 01) AURORA */
.scf-theme-aurora{
  --scf-bg:linear-gradient(135deg,#041b2d,#1b3b6f,#4ea8de);
  --scf-text:#e6f6ff;
  --scf-border:rgba(78,168,222,.35);
  --scf-input-bg:rgba(4,27,45,.55);
  --scf-input-text:#e6f6ff;
  --scf-btn-bg:linear-gradient(135deg,#22d3ee,#a78bfa,#34d399);
  --scf-btn-text:#03101a;
  --scf-focus:#22d3ee;
  --scf-muted:rgba(230,246,255,.72);
  --scf-accent:#22d3ee;
  --scf-ring:0 0 0 4px rgba(34,211,238,.20);
}
.scf-theme-aurora.scf-wrap{
  background-size: 240% 240%;
  animation: scf-addon-ultimate50-gradientShift 10s ease-in-out infinite;
}

/* 02) NEON NOIR */
.scf-theme-neon-noir{
  --scf-bg:linear-gradient(135deg,#07040f,#120521,#0b1020);
  --scf-text:#f8fafc;
  --scf-border:rgba(168,85,247,.30);
  --scf-input-bg:rgba(9,5,18,.82);
  --scf-input-text:#f8fafc;
  --scf-btn-bg:linear-gradient(135deg,#a855f7,#22d3ee,#f472b6);
  --scf-btn-text:#07040f;
  --scf-focus:#22d3ee;
  --scf-muted:rgba(226,232,240,.70);
  --scf-accent:#a855f7;
  --scf-ring:0 0 0 4px rgba(34,211,238,.18);
}
.scf-theme-neon-noir.scf-wrap{
  box-shadow: 0 0 0 1px rgba(168,85,247,.35), 0 18px 50px rgba(0,0,0,.35), 0 0 34px rgba(34,211,238,.16);
}

/* 03) CYBERPUNK */
.scf-theme-cyberpunk{
  --scf-bg:linear-gradient(135deg,#0b1020,#1a093a);
  --scf-text:#fefefe;
  --scf-border:rgba(251,191,36,.35);
  --scf-input-bg:rgba(11,16,32,.76);
  --scf-input-text:#ffffff;
  --scf-btn-bg:linear-gradient(135deg,#fbbf24,#f472b6,#22d3ee);
  --scf-btn-text:#0b1020;
  --scf-focus:#fbbf24;
  --scf-muted:rgba(255,255,255,.72);
  --scf-accent:#f472b6;
  --scf-ring:0 0 0 4px rgba(251,191,36,.20);
}
.scf-theme-cyberpunk.scf-wrap{
  background-size: 220% 220%;
  animation: scf-addon-ultimate50-gradientShift 8s ease-in-out infinite;
}
.scf-theme-cyberpunk.scf-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(transparent 96%, rgba(34,211,238,.10) 97%),
    linear-gradient(90deg, transparent 96%, rgba(244,114,182,.10) 97%);
  background-size: 22px 22px;
  mix-blend-mode: screen;
  opacity:.35;
}

/* 04) HOLOGRAM */
.scf-theme-hologram{
  --scf-bg:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
  --scf-text:#0b1220;
  --scf-border:rgba(255,255,255,.35);
  --scf-input-bg:rgba(255,255,255,.72);
  --scf-input-text:#0b1220;
  --scf-btn-bg:linear-gradient(135deg,#60a5fa,#34d399,#f472b6);
  --scf-btn-text:#04131f;
  --scf-focus:#60a5fa;
  --scf-muted:#334155;
  --scf-accent:#34d399;
  --scf-ring:0 0 0 4px rgba(96,165,250,.18);
}
.scf-theme-hologram.scf-wrap{
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
}
.scf-theme-hologram.scf-wrap::after{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background: linear-gradient(120deg, rgba(96,165,250,.18), rgba(52,211,153,.12), rgba(244,114,182,.18));
  mix-blend-mode: overlay;
  opacity:.55;
  animation: scf-addon-ultimate50-sheen 6s linear infinite;
}

/* 05) LIQUID CHROME */
.scf-theme-liquid-chrome{
  --scf-bg:linear-gradient(135deg,#0b1220,#111827,#334155);
  --scf-text:#f8fafc;
  --scf-border:rgba(148,163,184,.35);
  --scf-input-bg:rgba(15,23,42,.72);
  --scf-input-text:#f8fafc;
  --scf-btn-bg:linear-gradient(135deg,#e5e7eb,#a3a3a3,#ffffff);
  --scf-btn-text:#0b1220;
  --scf-focus:#cbd5e1;
  --scf-muted:rgba(226,232,240,.78);
  --scf-accent:#e5e7eb;
  --scf-ring:0 0 0 4px rgba(226,232,240,.16);
}
.scf-theme-liquid-chrome.scf-wrap{
  background-size: 240% 240%;
  animation: scf-addon-ultimate50-chromeFlow 9s ease-in-out infinite;
}

/* 06) MOLTEN GOLD */
.scf-theme-molten-gold{
  --scf-bg:linear-gradient(135deg,#2a1506,#4c1d06,#7c2d12);
  --scf-text:#fff7ed;
  --scf-border:rgba(251,191,36,.35);
  --scf-input-bg:rgba(42,21,6,.78);
  --scf-input-text:#fff7ed;
  --scf-btn-bg:linear-gradient(135deg,#fbbf24,#f59e0b,#fde68a);
  --scf-btn-text:#2a1506;
  --scf-focus:#fbbf24;
  --scf-muted:rgba(255,247,237,.72);
  --scf-accent:#f59e0b;
  --scf-ring:0 0 0 4px rgba(251,191,36,.18);
}
.scf-theme-molten-gold.scf-wrap{
  box-shadow: 0 0 0 1px rgba(251,191,36,.25), 0 18px 50px rgba(0,0,0,.30), 0 0 28px rgba(245,158,11,.14);
}

/* 07) ROSE GOLD */
.scf-theme-rose-gold{
  --scf-bg:linear-gradient(135deg,#fff1f2,#fde2e4,#fbcfe8);
  --scf-text:#111827;
  --scf-border:#f9a8d4;
  --scf-input-bg:rgba(255,255,255,.86);
  --scf-input-text:#111827;
  --scf-btn-bg:linear-gradient(135deg,#be185d,#f472b6,#fbbf24);
  --scf-btn-text:#ffffff;
  --scf-focus:#f472b6;
  --scf-muted:#6b7280;
  --scf-accent:#be185d;
  --scf-ring:0 0 0 4px rgba(244,114,182,.20);
}

/* 08) PLATINUM ICE */
.scf-theme-platinum-ice{
  --scf-bg:linear-gradient(135deg,#f8fafc,#e2e8f0,#ffffff);
  --scf-text:#0f172a;
  --scf-border:#cbd5e1;
  --scf-input-bg:#ffffff;
  --scf-input-text:#0f172a;
  --scf-btn-bg:linear-gradient(135deg,#0ea5e9,#94a3b8,#6366f1);
  --scf-btn-text:#ffffff;
  --scf-focus:#0ea5e9;
  --scf-muted:#475569;
  --scf-accent:#6366f1;
  --scf-ring:0 0 0 4px rgba(14,165,233,.18);
}

/* 09) SAPPHIRE STEEL */
.scf-theme-sapphire-steel{
  --scf-bg:linear-gradient(135deg,#071a2b,#0b2a4a,#0f172a);
  --scf-text:#e6f2ff;
  --scf-border:rgba(59,130,246,.30);
  --scf-input-bg:rgba(7,26,43,.74);
  --scf-input-text:#e6f2ff;
  --scf-btn-bg:linear-gradient(135deg,#60a5fa,#93c5fd,#c7d2fe);
  --scf-btn-text:#071a2b;
  --scf-focus:#60a5fa;
  --scf-muted:rgba(230,242,255,.70);
  --scf-accent:#93c5fd;
  --scf-ring:0 0 0 4px rgba(96,165,250,.18);
}

/* 10) OBSIDIAN EDGE */
.scf-theme-obsidian-edge{
  --scf-bg:linear-gradient(135deg,#020617,#0b1220,#000000);
  --scf-text:#f8fafc;
  --scf-border:rgba(244,63,94,.28);
  --scf-input-bg:rgba(2,6,23,.82);
  --scf-input-text:#f8fafc;
  --scf-btn-bg:linear-gradient(135deg,#f43f5e,#a855f7,#22d3ee);
  --scf-btn-text:#020617;
  --scf-focus:#f43f5e;
  --scf-muted:rgba(226,232,240,.70);
  --scf-accent:#a855f7;
  --scf-ring:0 0 0 4px rgba(244,63,94,.18);
}
.scf-theme-obsidian-edge.scf-wrap{
  box-shadow: 0 0 0 1px rgba(244,63,94,.18), 0 18px 60px rgba(0,0,0,.45);
}

/* 11) PRISM BURST */
.scf-theme-prism-burst{
  --scf-bg:conic-gradient(from 220deg at 30% 20%, #22d3ee, #a78bfa, #fb7185, #fbbf24, #34d399, #22d3ee);
  --scf-text:#06121b;
  --scf-border:rgba(255,255,255,.38);
  --scf-input-bg:rgba(255,255,255,.78);
  --scf-input-text:#06121b;
  --scf-btn-bg:linear-gradient(135deg,#06121b,#1f2937);
  --scf-btn-text:#ffffff;
  --scf-focus:#22d3ee;
  --scf-muted:#334155;
  --scf-accent:#a78bfa;
  --scf-ring:0 0 0 4px rgba(34,211,238,.18);
}
.scf-theme-prism-burst.scf-wrap{
  background-size: 180% 180%;
  animation: scf-addon-ultimate50-prismSpin 16s linear infinite;
}

/* 12) CANDY POP */
.scf-theme-candy-pop{
  --scf-bg:linear-gradient(135deg,#fff7ed,#ffe4e6,#e0f2fe);
  --scf-text:#111827;
  --scf-border:#fed7aa;
  --scf-input-bg:rgba(255,255,255,.88);
  --scf-input-text:#111827;
  --scf-btn-bg:linear-gradient(135deg,#fb7185,#fbbf24,#22d3ee);
  --scf-btn-text:#111827;
  --scf-focus:#fb7185;
  --scf-muted:#6b7280;
  --scf-accent:#fb7185;
  --scf-ring:0 0 0 4px rgba(251,113,133,.20);
}

/* 13) BUBBLEGUM BURST */
.scf-theme-bubblegum-burst{
  --scf-bg:linear-gradient(135deg,#fde2ff,#ffc7f3,#e0f2fe);
  --scf-text:#111827;
  --scf-border:#f0abfc;
  --scf-input-bg:rgba(255,255,255,.90);
  --scf-input-text:#111827;
  --scf-btn-bg:linear-gradient(135deg,#ec4899,#a855f7,#38bdf8);
  --scf-btn-text:#ffffff;
  --scf-focus:#ec4899;
  --scf-muted:#6b7280;
  --scf-accent:#a855f7;
  --scf-ring:0 0 0 4px rgba(236,72,153,.18);
}
.scf-theme-bubblegum-burst.scf-wrap{
  background-size: 220% 220%;
  animation: scf-addon-ultimate50-gradientShift 7s ease-in-out infinite;
}

/* 14) COTTON CANDY */
.scf-theme-cotton-candy{
  --scf-bg:linear-gradient(135deg,#e0f2fe,#fce7f3,#f5d0fe);
  --scf-text:#0f172a;
  --scf-border:#c7d2fe;
  --scf-input-bg:rgba(255,255,255,.92);
  --scf-input-text:#0f172a;
  --scf-btn-bg:linear-gradient(135deg,#38bdf8,#f472b6,#a78bfa);
  --scf-btn-text:#0f172a;
  --scf-focus:#38bdf8;
  --scf-muted:#475569;
  --scf-accent:#f472b6;
  --scf-ring:0 0 0 4px rgba(56,189,248,.18);
}

/* 15) TROPICAL PUNCH */
.scf-theme-tropical-punch{
  --scf-bg:linear-gradient(135deg,#052e2b,#064e3b,#0ea5e9);
  --scf-text:#ecfdf5;
  --scf-border:rgba(16,185,129,.30);
  --scf-input-bg:rgba(5,59,45,.78);
  --scf-input-text:#ecfdf5;
  --scf-btn-bg:linear-gradient(135deg,#34d399,#fbbf24,#fb7185);
  --scf-btn-text:#052e2b;
  --scf-focus:#34d399;
  --scf-muted:rgba(236,253,245,.70);
  --scf-accent:#fbbf24;
  --scf-ring:0 0 0 4px rgba(52,211,153,.18);
}

/* 16) WATERMELON SPLASH */
.scf-theme-watermelon-splash{
  --scf-bg:linear-gradient(135deg,#052e16,#14532d,#fb7185);
  --scf-text:#f0fdf4;
  --scf-border:rgba(74,222,128,.28);
  --scf-input-bg:rgba(5,46,22,.78);
  --scf-input-text:#f0fdf4;
  --scf-btn-bg:linear-gradient(135deg,#fb7185,#f43f5e,#4ade80);
  --scf-btn-text:#052e16;
  --scf-focus:#4ade80;
  --scf-muted:rgba(240,253,244,.70);
  --scf-accent:#fb7185;
  --scf-ring:0 0 0 4px rgba(74,222,128,.18);
}

/* 17) SUNRISE SHERBET */
.scf-theme-sunrise-sherbet{
  --scf-bg:linear-gradient(135deg,#fff7ed,#fed7aa,#fbcfe8);
  --scf-text:#111827;
  --scf-border:#fdba74;
  --scf-input-bg:rgba(255,255,255,.90);
  --scf-input-text:#111827;
  --scf-btn-bg:linear-gradient(135deg,#f97316,#fb7185,#fbbf24);
  --scf-btn-text:#ffffff;
  --scf-focus:#f97316;
  --scf-muted:#6b7280;
  --scf-accent:#fb7185;
  --scf-ring:0 0 0 4px rgba(249,115,22,.18);
}

/* 18) LAVA LAMP */
.scf-theme-lava-lamp{
  --scf-bg:radial-gradient(1200px 600px at 20% 20%, rgba(251,113,133,.55), rgba(0,0,0,0) 60%), radial-gradient(900px 520px at 85% 20%, rgba(34,211,238,.40), rgba(0,0,0,0) 55%), linear-gradient(135deg,#0b1020,#1a093a);
  --scf-text:#f8fafc;
  --scf-border:rgba(244,114,182,.22);
  --scf-input-bg:rgba(11,16,32,.76);
  --scf-input-text:#f8fafc;
  --scf-btn-bg:linear-gradient(135deg,#fb7185,#22d3ee,#a78bfa);
  --scf-btn-text:#0b1020;
  --scf-focus:#22d3ee;
  --scf-muted:rgba(226,232,240,.70);
  --scf-accent:#fb7185;
  --scf-ring:0 0 0 4px rgba(34,211,238,.18);
}
.scf-theme-lava-lamp.scf-wrap{
  background-size: 200% 200%;
  animation: scf-addon-ultimate50-lavaDrift 12s ease-in-out infinite;
}

/* 19) MAGMA CORE */
.scf-theme-magma-core{
  --scf-bg:linear-gradient(135deg,#160b0b,#3f0d12,#7c2d12);
  --scf-text:#fff7ed;
  --scf-border:rgba(248,113,113,.28);
  --scf-input-bg:rgba(22,11,11,.82);
  --scf-input-text:#fff7ed;
  --scf-btn-bg:linear-gradient(135deg,#f97316,#ef4444,#fbbf24);
  --scf-btn-text:#160b0b;
  --scf-focus:#f97316;
  --scf-muted:rgba(255,247,237,.70);
  --scf-accent:#ef4444;
  --scf-ring:0 0 0 4px rgba(249,115,22,.18);
}
.scf-theme-magma-core.scf-wrap{
  background-size: 220% 220%;
  animation: scf-addon-ultimate50-gradientShift 9s ease-in-out infinite;
}

/* 20) ELECTRIC LIME */
.scf-theme-electric-lime{
  --scf-bg:linear-gradient(135deg,#052e16,#0f172a,#022c22);
  --scf-text:#ecfccb;
  --scf-border:rgba(163,230,53,.28);
  --scf-input-bg:rgba(5,46,22,.78);
  --scf-input-text:#ecfccb;
  --scf-btn-bg:linear-gradient(135deg,#a3e635,#22c55e,#22d3ee);
  --scf-btn-text:#052e16;
  --scf-focus:#a3e635;
  --scf-muted:rgba(236,252,203,.72);
  --scf-accent:#22c55e;
  --scf-ring:0 0 0 4px rgba(163,230,53,.18);
}
.scf-theme-electric-lime.scf-wrap{
  box-shadow: 0 0 0 1px rgba(163,230,53,.22), 0 18px 55px rgba(0,0,0,.32), 0 0 26px rgba(163,230,53,.16);
}

/* 21) MINT MOJITO */
.scf-theme-mint-mojito{
  --scf-bg:linear-gradient(135deg,#ecfdf5,#d1fae5,#e0f2fe);
  --scf-text:#0f172a;
  --scf-border:#a7f3d0;
  --scf-input-bg:rgba(255,255,255,.92);
  --scf-input-text:#0f172a;
  --scf-btn-bg:linear-gradient(135deg,#34d399,#22d3ee,#fbbf24);
  --scf-btn-text:#0f172a;
  --scf-focus:#22d3ee;
  --scf-muted:#475569;
  --scf-accent:#34d399;
  --scf-ring:0 0 0 4px rgba(52,211,153,.18);
}

/* 22) ARCTIC GLOW */
.scf-theme-arctic-glow{
  --scf-bg:linear-gradient(135deg,#0b1220,#0f172a,#0ea5e9);
  --scf-text:#e0f2fe;
  --scf-border:rgba(56,189,248,.28);
  --scf-input-bg:rgba(11,18,32,.78);
  --scf-input-text:#e0f2fe;
  --scf-btn-bg:linear-gradient(135deg,#38bdf8,#60a5fa,#a78bfa);
  --scf-btn-text:#0b1220;
  --scf-focus:#38bdf8;
  --scf-muted:rgba(224,242,254,.70);
  --scf-accent:#60a5fa;
  --scf-ring:0 0 0 4px rgba(56,189,248,.18);
}

/* 23) DEEP SPACE */
.scf-theme-deep-space{
  --scf-bg:radial-gradient(1200px 700px at 20% 10%, rgba(99,102,241,.35), rgba(0,0,0,0) 55%), radial-gradient(900px 520px at 80% 20%, rgba(34,211,238,.25), rgba(0,0,0,0) 60%), linear-gradient(135deg,#020617,#0b1020);
  --scf-text:#e2e8f0;
  --scf-border:rgba(99,102,241,.28);
  --scf-input-bg:rgba(2,6,23,.82);
  --scf-input-text:#f8fafc;
  --scf-btn-bg:linear-gradient(135deg,#6366f1,#22d3ee,#a855f7);
  --scf-btn-text:#020617;
  --scf-focus:#6366f1;
  --scf-muted:rgba(226,232,240,.70);
  --scf-accent:#22d3ee;
  --scf-ring:0 0 0 4px rgba(99,102,241,.18);
}
.scf-theme-deep-space.scf-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 20%, rgba(255,255,255,.18) 0 1px, rgba(255,255,255,0) 2px),
    radial-gradient(circle at 70% 30%, rgba(255,255,255,.14) 0 1px, rgba(255,255,255,0) 2px),
    radial-gradient(circle at 30% 80%, rgba(255,255,255,.12) 0 1px, rgba(255,255,255,0) 2px);
  background-size: 180px 180px, 220px 220px, 260px 260px;
  opacity:.45;
  animation: scf-addon-ultimate50-starsDrift 18s linear infinite;
}

/* 24) GALAXY SWIRL */
.scf-theme-galaxy-swirl{
  --scf-bg:conic-gradient(from 180deg at 50% 50%, #020617, #312e81, #0ea5e9, #a855f7, #020617);
  --scf-text:#f8fafc;
  --scf-border:rgba(168,85,247,.22);
  --scf-input-bg:rgba(2,6,23,.80);
  --scf-input-text:#f8fafc;
  --scf-btn-bg:linear-gradient(135deg,#a855f7,#0ea5e9,#34d399);
  --scf-btn-text:#020617;
  --scf-focus:#0ea5e9;
  --scf-muted:rgba(226,232,240,.70);
  --scf-accent:#a855f7;
  --scf-ring:0 0 0 4px rgba(168,85,247,.18);
}
.scf-theme-galaxy-swirl.scf-wrap{
  background-size: 180% 180%;
  animation: scf-addon-ultimate50-prismSpin 22s linear infinite;
}

/* 25) STARDUST */
.scf-theme-stardust{
  --scf-bg:linear-gradient(135deg,#0b1020,#111827);
  --scf-text:#f8fafc;
  --scf-border:rgba(148,163,184,.28);
  --scf-input-bg:rgba(11,16,32,.78);
  --scf-input-text:#f8fafc;
  --scf-btn-bg:linear-gradient(135deg,#fbbf24,#60a5fa,#a78bfa);
  --scf-btn-text:#0b1020;
  --scf-focus:#fbbf24;
  --scf-muted:rgba(226,232,240,.70);
  --scf-accent:#60a5fa;
  --scf-ring:0 0 0 4px rgba(251,191,36,.16);
}
.scf-theme-stardust.scf-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.22) 0 1px, rgba(255,255,255,0) 2px);
  background-size: 120px 120px;
  opacity:.35;
}

/* 26) COMET TAIL */
.scf-theme-comet-tail{
  --scf-bg:linear-gradient(135deg,#0b1220,#0ea5e9,#ffffff);
  --scf-text:#06121b;
  --scf-border:rgba(56,189,248,.30);
  --scf-input-bg:rgba(255,255,255,.86);
  --scf-input-text:#06121b;
  --scf-btn-bg:linear-gradient(135deg,#06121b,#0ea5e9);
  --scf-btn-text:#ffffff;
  --scf-focus:#0ea5e9;
  --scf-muted:#475569;
  --scf-accent:#0ea5e9;
  --scf-ring:0 0 0 4px rgba(56,189,248,.18);
}
.scf-theme-comet-tail.scf-wrap{
  background-size: 220% 220%;
  animation: scf-addon-ultimate50-comet 10s ease-in-out infinite;
}

/* 27) NEBULA BLOOM */
.scf-theme-nebula-bloom{
  --scf-bg:radial-gradient(900px 520px at 15% 20%, rgba(236,72,153,.55), rgba(0,0,0,0) 60%), radial-gradient(900px 520px at 80% 30%, rgba(34,211,238,.40), rgba(0,0,0,0) 60%), linear-gradient(135deg,#0b1020,#1a093a);
  --scf-text:#f8fafc;
  --scf-border:rgba(236,72,153,.22);
  --scf-input-bg:rgba(11,16,32,.78);
  --scf-input-text:#f8fafc;
  --scf-btn-bg:linear-gradient(135deg,#ec4899,#22d3ee,#a78bfa);
  --scf-btn-text:#0b1020;
  --scf-focus:#22d3ee;
  --scf-muted:rgba(226,232,240,.70);
  --scf-accent:#ec4899;
  --scf-ring:0 0 0 4px rgba(236,72,153,.18);
}
.scf-theme-nebula-bloom.scf-wrap{
  background-size: 200% 200%;
  animation: scf-addon-ultimate50-lavaDrift 14s ease-in-out infinite;
}

/* 28) ULTRAVIOLET GRID */
.scf-theme-ultraviolet-grid{
  --scf-bg:linear-gradient(135deg,#020617,#1f093a);
  --scf-text:#f5f3ff;
  --scf-border:rgba(167,139,250,.24);
  --scf-input-bg:rgba(2,6,23,.82);
  --scf-input-text:#f5f3ff;
  --scf-btn-bg:linear-gradient(135deg,#a78bfa,#22d3ee,#fb7185);
  --scf-btn-text:#020617;
  --scf-focus:#a78bfa;
  --scf-muted:rgba(245,243,255,.72);
  --scf-accent:#22d3ee;
  --scf-ring:0 0 0 4px rgba(167,139,250,.18);
}
.scf-theme-ultraviolet-grid.scf-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(transparent 96%, rgba(167,139,250,.14) 97%),
    linear-gradient(90deg, transparent 96%, rgba(34,211,238,.12) 97%);
  background-size: 26px 26px;
  opacity:.35;
}

/* 29) VAPORWAVE */
.scf-theme-vaporwave{
  --scf-bg:linear-gradient(135deg,#0b1020,#312e81,#ec4899);
  --scf-text:#fdf2f8;
  --scf-border:rgba(236,72,153,.22);
  --scf-input-bg:rgba(11,16,32,.78);
  --scf-input-text:#fdf2f8;
  --scf-btn-bg:linear-gradient(135deg,#ec4899,#a855f7,#22d3ee);
  --scf-btn-text:#0b1020;
  --scf-focus:#22d3ee;
  --scf-muted:rgba(253,242,248,.72);
  --scf-accent:#ec4899;
  --scf-ring:0 0 0 4px rgba(236,72,153,.18);
}
.scf-theme-vaporwave.scf-wrap{
  background-size: 240% 240%;
  animation: scf-addon-ultimate50-gradientShift 8s ease-in-out infinite;
}

/* 30) SYNTHWAVE SUN */
.scf-theme-synthwave-sun{
  --scf-bg:linear-gradient(135deg,#020617,#1d0b2b,#fb7185);
  --scf-text:#fff7ed;
  --scf-border:rgba(251,113,133,.22);
  --scf-input-bg:rgba(2,6,23,.82);
  --scf-input-text:#fff7ed;
  --scf-btn-bg:linear-gradient(135deg,#fb7185,#fbbf24,#22d3ee);
  --scf-btn-text:#020617;
  --scf-focus:#fbbf24;
  --scf-muted:rgba(255,247,237,.70);
  --scf-accent:#fb7185;
  --scf-ring:0 0 0 4px rgba(251,113,133,.18);
}

/* 31) RAINBOW FOIL */
.scf-theme-rainbow-foil{
  --scf-bg:linear-gradient(135deg,#ffffff, #e0f2fe, #fce7f3, #ecfdf5);
  --scf-text:#06121b;
  --scf-border:rgba(255,255,255,.45);
  --scf-input-bg:rgba(255,255,255,.86);
  --scf-input-text:#06121b;
  --scf-btn-bg:linear-gradient(135deg,#06121b,#111827);
  --scf-btn-text:#ffffff;
  --scf-focus:#22d3ee;
  --scf-muted:#334155;
  --scf-accent:#a78bfa;
  --scf-ring:0 0 0 4px rgba(34,211,238,.16);
}
.scf-theme-rainbow-foil.scf-wrap{
  background-size: 240% 240%;
  animation: scf-addon-ultimate50-sheen 7s linear infinite;
}

/* 32) PEARL MIST */
.scf-theme-pearl-mist{
  --scf-bg:linear-gradient(135deg,#ffffff,#f1f5f9,#faf5ff);
  --scf-text:#0f172a;
  --scf-border:#e2e8f0;
  --scf-input-bg:rgba(255,255,255,.92);
  --scf-input-text:#0f172a;
  --scf-btn-bg:linear-gradient(135deg,#7c3aed,#0ea5e9);
  --scf-btn-text:#ffffff;
  --scf-focus:#7c3aed;
  --scf-muted:#475569;
  --scf-accent:#0ea5e9;
  --scf-ring:0 0 0 4px rgba(124,58,237,.16);
}

/* 33) SANDSTORM */
.scf-theme-sandstorm{
  --scf-bg:linear-gradient(135deg,#fffbeb,#fde68a,#f59e0b);
  --scf-text:#111827;
  --scf-border:#fcd34d;
  --scf-input-bg:rgba(255,255,255,.92);
  --scf-input-text:#111827;
  --scf-btn-bg:linear-gradient(135deg,#92400e,#f59e0b);
  --scf-btn-text:#fffbeb;
  --scf-focus:#f59e0b;
  --scf-muted:#6b7280;
  --scf-accent:#92400e;
  --scf-ring:0 0 0 4px rgba(245,158,11,.18);
}
.scf-theme-sandstorm.scf-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.18) 0 1px, rgba(255,255,255,0) 2px),
    radial-gradient(circle at 60% 70%, rgba(255,255,255,.12) 0 1px, rgba(255,255,255,0) 2px);
  background-size: 140px 140px, 180px 180px;
  opacity:.35;
}

/* 34) TERRACOTTA */
.scf-theme-terracotta{
  --scf-bg:linear-gradient(135deg,#fff7ed,#fed7aa,#f59e0b);
  --scf-text:#111827;
  --scf-border:#fdba74;
  --scf-input-bg:rgba(255,255,255,.92);
  --scf-input-text:#111827;
  --scf-btn-bg:linear-gradient(135deg,#7c2d12,#ea580c);
  --scf-btn-text:#fff7ed;
  --scf-focus:#ea580c;
  --scf-muted:#6b7280;
  --scf-accent:#7c2d12;
  --scf-ring:0 0 0 4px rgba(234,88,12,.18);
}

/* 35) RAINFOREST BLOOM */
.scf-theme-rainforest-bloom{
  --scf-bg:linear-gradient(135deg,#022c22,#064e3b,#14532d);
  --scf-text:#ecfdf5;
  --scf-border:rgba(52,211,153,.22);
  --scf-input-bg:rgba(2,44,34,.82);
  --scf-input-text:#ecfdf5;
  --scf-btn-bg:linear-gradient(135deg,#34d399,#a3e635);
  --scf-btn-text:#022c22;
  --scf-focus:#34d399;
  --scf-muted:rgba(236,253,245,.70);
  --scf-accent:#a3e635;
  --scf-ring:0 0 0 4px rgba(52,211,153,.18);
}

/* 36) LAGOON GLOW */
.scf-theme-lagoon-glow{
  --scf-bg:linear-gradient(135deg,#022c22,#0ea5e9,#22c55e);
  --scf-text:#ecfeff;
  --scf-border:rgba(34,211,238,.22);
  --scf-input-bg:rgba(2,44,34,.78);
  --scf-input-text:#ecfeff;
  --scf-btn-bg:linear-gradient(135deg,#22d3ee,#34d399);
  --scf-btn-text:#022c22;
  --scf-focus:#22d3ee;
  --scf-muted:rgba(236,254,255,.72);
  --scf-accent:#34d399;
  --scf-ring:0 0 0 4px rgba(34,211,238,.18);
}
.scf-theme-lagoon-glow.scf-wrap{
  background-size: 220% 220%;
  animation: scf-addon-ultimate50-gradientShift 9s ease-in-out infinite;
}

/* 37) STORM CLOUD */
.scf-theme-storm-cloud{
  --scf-bg:linear-gradient(135deg,#0f172a,#334155,#0b1220);
  --scf-text:#e2e8f0;
  --scf-border:rgba(148,163,184,.28);
  --scf-input-bg:rgba(15,23,42,.78);
  --scf-input-text:#e2e8f0;
  --scf-btn-bg:linear-gradient(135deg,#94a3b8,#60a5fa);
  --scf-btn-text:#0f172a;
  --scf-focus:#60a5fa;
  --scf-muted:rgba(226,232,240,.72);
  --scf-accent:#94a3b8;
  --scf-ring:0 0 0 4px rgba(96,165,250,.16);
}

/* 38) BLUEPRINT */
.scf-theme-blueprint{
  --scf-bg:linear-gradient(135deg,#0b2a4a,#0b1220);
  --scf-text:#e0f2fe;
  --scf-border:rgba(56,189,248,.25);
  --scf-input-bg:rgba(11,42,74,.72);
  --scf-input-text:#e0f2fe;
  --scf-btn-bg:linear-gradient(135deg,#38bdf8,#60a5fa);
  --scf-btn-text:#0b1220;
  --scf-focus:#38bdf8;
  --scf-muted:rgba(224,242,254,.72);
  --scf-accent:#60a5fa;
  --scf-ring:0 0 0 4px rgba(56,189,248,.18);
}
.scf-theme-blueprint.scf-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(transparent 94%, rgba(224,242,254,.12) 95%),
    linear-gradient(90deg, transparent 94%, rgba(224,242,254,.10) 95%);
  background-size: 18px 18px;
  opacity:.32;
}

/* 39) CIRCUIT BOARD */
.scf-theme-circuit-board{
  --scf-bg:linear-gradient(135deg,#052e16,#0b1220);
  --scf-text:#dcfce7;
  --scf-border:rgba(74,222,128,.22);
  --scf-input-bg:rgba(5,46,22,.78);
  --scf-input-text:#dcfce7;
  --scf-btn-bg:linear-gradient(135deg,#4ade80,#22d3ee);
  --scf-btn-text:#052e16;
  --scf-focus:#4ade80;
  --scf-muted:rgba(220,252,231,.72);
  --scf-accent:#22d3ee;
  --scf-ring:0 0 0 4px rgba(74,222,128,.18);
}
.scf-theme-circuit-board.scf-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 30%, rgba(74,222,128,.16) 0 2px, rgba(74,222,128,0) 3px),
    radial-gradient(circle at 70% 60%, rgba(34,211,238,.14) 0 2px, rgba(34,211,238,0) 3px),
    linear-gradient(90deg, rgba(34,211,238,.10) 0 1px, rgba(0,0,0,0) 1px),
    linear-gradient(rgba(74,222,128,.08) 0 1px, rgba(0,0,0,0) 1px);
  background-size: 220px 220px, 240px 240px, 22px 22px, 22px 22px;
  opacity:.35;
}

/* 40) PIXEL ARCADE */
.scf-theme-pixel-arcade{
  --scf-bg:linear-gradient(135deg,#111827,#0b1020);
  --scf-text:#fefce8;
  --scf-border:rgba(250,204,21,.25);
  --scf-input-bg:rgba(17,24,39,.78);
  --scf-input-text:#fefce8;
  --scf-btn-bg:linear-gradient(135deg,#facc15,#fb7185,#22d3ee);
  --scf-btn-text:#111827;
  --scf-focus:#facc15;
  --scf-muted:rgba(254,252,232,.70);
  --scf-accent:#fb7185;
  --scf-ring:0 0 0 4px rgba(250,204,21,.18);
}
.scf-theme-pixel-arcade.scf-wrap{
  image-rendering: pixelated;
}
.scf-theme-pixel-arcade.scf-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: repeating-linear-gradient(90deg, rgba(250,204,21,.10) 0 2px, rgba(0,0,0,0) 2px 10px);
  opacity:.22;
}

/* 41) COMIC POP */
.scf-theme-comic-pop{
  --scf-bg:linear-gradient(135deg,#fff7ed,#e0f2fe);
  --scf-text:#111827;
  --scf-border:#fed7aa;
  --scf-input-bg:rgba(255,255,255,.92);
  --scf-input-text:#111827;
  --scf-btn-bg:linear-gradient(135deg,#fb7185,#fbbf24);
  --scf-btn-text:#111827;
  --scf-focus:#fb7185;
  --scf-muted:#6b7280;
  --scf-accent:#fbbf24;
  --scf-ring:0 0 0 4px rgba(251,113,133,.18);
  --scf-radius:20px;
}
.scf-theme-comic-pop.scf-wrap{
  box-shadow: 0 0 0 3px rgba(17,24,39,.90), 10px 10px 0 rgba(17,24,39,.35);
}
.scf-theme-comic-pop .scf-wrap button{
  text-transform: uppercase;
}

/* 42) KAWAII PASTEL */
.scf-theme-kawaii-pastel{
  --scf-bg:linear-gradient(135deg,#fdf2f8,#e0f2fe,#ecfdf5);
  --scf-text:#0f172a;
  --scf-border:#fbcfe8;
  --scf-input-bg:rgba(255,255,255,.94);
  --scf-input-text:#0f172a;
  --scf-btn-bg:linear-gradient(135deg,#f472b6,#a78bfa,#34d399);
  --scf-btn-text:#0f172a;
  --scf-focus:#f472b6;
  --scf-muted:#475569;
  --scf-accent:#a78bfa;
  --scf-ring:0 0 0 4px rgba(244,114,182,.18);
  --scf-radius:22px;
}

/* 43) NOIR FILM */
.scf-theme-noir-film{
  --scf-bg:linear-gradient(135deg,#0a0a0a,#1f2937);
  --scf-text:#f3f4f6;
  --scf-border:rgba(255,255,255,.16);
  --scf-input-bg:rgba(10,10,10,.88);
  --scf-input-text:#f3f4f6;
  --scf-btn-bg:linear-gradient(135deg,#ffffff,#9ca3af);
  --scf-btn-text:#0a0a0a;
  --scf-focus:#e5e7eb;
  --scf-muted:rgba(243,244,246,.72);
  --scf-accent:#ffffff;
  --scf-ring:0 0 0 4px rgba(229,231,235,.14);
}
.scf-theme-noir-film.scf-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, rgba(0,0,0,0) 1px 3px);
  opacity:.25;
}

/* 44) GOLD LEAF VINTAGE */
.scf-theme-gold-leaf-vintage{
  --scf-bg:linear-gradient(135deg,#1f1300,#3b2a23,#0b1220);
  --scf-text:#fff7ed;
  --scf-border:rgba(251,191,36,.24);
  --scf-input-bg:rgba(31,19,0,.82);
  --scf-input-text:#fff7ed;
  --scf-btn-bg:linear-gradient(135deg,#fbbf24,#fde68a,#f59e0b);
  --scf-btn-text:#1f1300;
  --scf-focus:#fbbf24;
  --scf-muted:rgba(255,247,237,.72);
  --scf-accent:#fde68a;
  --scf-ring:0 0 0 4px rgba(251,191,36,.16);
}
.scf-theme-gold-leaf-vintage.scf-wrap::after{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background: radial-gradient(800px 260px at 30% 0%, rgba(251,191,36,.20), rgba(0,0,0,0) 60%);
  mix-blend-mode: screen;
  opacity:.7;
  animation: scf-addon-ultimate50-sheen 8s linear infinite;
}

/* 45) LEATHER BOUND */
.scf-theme-leather-bound{
  --scf-bg:linear-gradient(135deg,#2a1f1a,#3b2a23);
  --scf-text:#fff7ed;
  --scf-border:rgba(120,53,15,.30);
  --scf-input-bg:rgba(42,31,26,.86);
  --scf-input-text:#fff7ed;
  --scf-btn-bg:linear-gradient(135deg,#d97706,#92400e);
  --scf-btn-text:#2a1f1a;
  --scf-focus:#fb923c;
  --scf-muted:rgba(255,247,237,.70);
  --scf-accent:#d97706;
  --scf-ring:0 0 0 4px rgba(217,119,6,.16);
}
.scf-theme-leather-bound.scf-wrap{
  box-shadow: 0 0 0 1px rgba(120,53,15,.35), 0 18px 55px rgba(0,0,0,.32);
}
.scf-theme-leather-bound.scf-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0 2px, rgba(255,255,255,0) 3px);
  opacity:.25;
}

/* 46) MARBLE LUXE */
.scf-theme-marble-luxe{
  --scf-bg:linear-gradient(135deg,#ffffff,#f1f5f9,#e5e7eb);
  --scf-text:#0f172a;
  --scf-border:#e2e8f0;
  --scf-input-bg:rgba(255,255,255,.94);
  --scf-input-text:#0f172a;
  --scf-btn-bg:linear-gradient(135deg,#111827,#64748b);
  --scf-btn-text:#ffffff;
  --scf-focus:#0ea5e9;
  --scf-muted:#475569;
  --scf-accent:#111827;
  --scf-ring:0 0 0 4px rgba(14,165,233,.14);
}
.scf-theme-marble-luxe.scf-wrap::after{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background: radial-gradient(800px 400px at 20% 20%, rgba(148,163,184,.22), rgba(0,0,0,0) 60%);
  opacity:.45;
}

/* 47) GRANITE CORE */
.scf-theme-granite-core{
  --scf-bg:linear-gradient(135deg,#111827,#1f2937,#0b1220);
  --scf-text:#e5e7eb;
  --scf-border:rgba(148,163,184,.24);
  --scf-input-bg:rgba(17,24,39,.82);
  --scf-input-text:#e5e7eb;
  --scf-btn-bg:linear-gradient(135deg,#94a3b8,#a3a3a3);
  --scf-btn-text:#111827;
  --scf-focus:#93c5fd;
  --scf-muted:rgba(229,231,235,.72);
  --scf-accent:#94a3b8;
  --scf-ring:0 0 0 4px rgba(147,197,253,.14);
}

/* 48) POP 3D */
.scf-theme-pop-3d{
  --scf-bg:linear-gradient(135deg,#fff7ed,#e0f2fe);
  --scf-text:#111827;
  --scf-border:#c7d2fe;
  --scf-input-bg:rgba(255,255,255,.94);
  --scf-input-text:#111827;
  --scf-btn-bg:linear-gradient(135deg,#6366f1,#22d3ee);
  --scf-btn-text:#ffffff;
  --scf-focus:#6366f1;
  --scf-muted:#6b7280;
  --scf-accent:#22d3ee;
  --scf-ring:0 0 0 4px rgba(99,102,241,.18);
  --scf-radius:18px;
}
.scf-theme-pop-3d.scf-wrap{
  box-shadow: 0 0 0 1px rgba(99,102,241,.18), 0 22px 60px rgba(0,0,0,.18);
  transform: translateZ(0);
}
.scf-theme-pop-3d.scf-wrap button{
  box-shadow: 0 12px 0 rgba(0,0,0,.12), 0 20px 36px rgba(0,0,0,.18);
}
.scf-theme-pop-3d.scf-wrap button:active{
  transform: translateY(2px);
  box-shadow: 0 6px 0 rgba(0,0,0,.14), 0 10px 20px rgba(0,0,0,.16);
}

/* 49) GLOSSY CARD */
.scf-theme-glossy-card{
  --scf-bg:linear-gradient(135deg,#ffffff,#f1f5f9);
  --scf-text:#0f172a;
  --scf-border:#e2e8f0;
  --scf-input-bg:rgba(255,255,255,.94);
  --scf-input-text:#0f172a;
  --scf-btn-bg:linear-gradient(135deg,#0ea5e9,#6366f1);
  --scf-btn-text:#ffffff;
  --scf-focus:#0ea5e9;
  --scf-muted:#475569;
  --scf-accent:#6366f1;
  --scf-ring:0 0 0 4px rgba(14,165,233,.16);
  --scf-radius:18px;
}
.scf-theme-glossy-card.scf-wrap::after{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background: linear-gradient(120deg, rgba(255,255,255,.55), rgba(255,255,255,0) 45%, rgba(255,255,255,.25));
  transform: translateX(-35%);
  opacity:.55;
  animation: scf-addon-ultimate50-cardGlint 6.5s ease-in-out infinite;
}

/* 50) FROSTED GLAZE */
.scf-theme-frosted-glaze{
  --scf-bg:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08));
  --scf-text:#0b1220;
  --scf-border:rgba(255,255,255,.35);
  --scf-input-bg:rgba(255,255,255,.78);
  --scf-input-text:#0b1220;
  --scf-btn-bg:linear-gradient(135deg,#0b1220,#0ea5e9);
  --scf-btn-text:#ffffff;
  --scf-focus:#0ea5e9;
  --scf-muted:#334155;
  --scf-accent:#0b1220;
  --scf-ring:0 0 0 4px rgba(14,165,233,.16);
  --scf-radius:20px;
}
.scf-theme-frosted-glaze.scf-wrap{
  backdrop-filter: blur(16px) saturate(1.12);
  -webkit-backdrop-filter: blur(16px) saturate(1.12);
}