.cyberpunk{--primary:#ff2ec4;--primary-foreground:#05050a;--secondary:#00f0ff;--secondary-foreground:#05050a;--accent:#cf0;--accent-foreground:#05050a;--background:#05050a;--foreground:#e6faff;--surface:#0d0d1c;--muted:#8b8bab;--border:#2a2a45;--input:#1a1a2e;--ring:#ff2ec4;--success:#39ff14;--warning:#ffb800;--danger:#ff2079;--info:#00f0ff;--primary-text:color-mix(in srgb, var(--primary) 40%, var(--foreground) 60%);--secondary-text:color-mix(in srgb, var(--secondary) 40%, var(--foreground) 60%)}@media (prefers-color-scheme:light){.cyberpunk:not([data-theme=dark]){--background:#f4f4fb;--foreground:#0a0a1a;--surface:#fff;--muted:#5b5b7a;--border:#d9d9f0}}.cyberpunk[data-theme=light]{--background:#f4f4fb;--foreground:#0a0a1a;--surface:#fff;--muted:#5b5b7a;--border:#d9d9f0}.cyberpunk .scanlines{isolation:isolate;position:relative}.cyberpunk .scanlines:before{content:"";z-index:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--foreground) 5%, transparent) 0px, color-mix(in srgb, var(--foreground) 5%, transparent) 1px, transparent 1px, transparent 3px);position:absolute;inset:0}.cyberpunk .scanlines>*{z-index:1;position:relative}.cyberpunk .grid-bg{background-image:linear-gradient(color-mix(in srgb, var(--primary) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--primary) 14%, transparent) 1px, transparent 1px);background-position:top;background-size:42px 42px;position:relative}.cyberpunk .grid-bg:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(to bottom, transparent, var(--background) 85%);position:absolute;inset:0}.cyberpunk .neon-text{text-shadow:0 0 6px color-mix(in srgb, var(--primary) 70%, transparent), 0 0 26px color-mix(in srgb, var(--primary) 40%, transparent)}.cyberpunk .clip-panel{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.cyberpunk .clip-panel-sm{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}@keyframes cyberpunk-blink{0%,45%{opacity:1}50%,to{opacity:0}}.cyberpunk .cursor-blink{animation:1.1s step-end infinite cyberpunk-blink}