:root{--bg-dark:#050505;--bg-panel:#111114;--accent-cyan:#00f2ff;--accent-magenta:#f0f;--accent-yellow:#f0f000;--accent-green:#39ff14;--text-primary:#fff;--text-secondary:#94a3b8;--border-dim:#ffffff1a;--neon-glow:0 0 15px #00f2ff4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:JetBrains Mono,Inter,monospace}*{box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);margin:0;line-height:1.5;overflow-x:hidden}h1,h2,h3{text-transform:uppercase;letter-spacing:.05em;margin:0}button{cursor:pointer;border:1px solid var(--accent-cyan);color:var(--accent-cyan);text-transform:uppercase;background:#00f2ff0d;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}button:hover:not(:disabled){background:var(--accent-cyan);color:var(--bg-dark);transform:translateY(-1px);box-shadow:0 0 20px #00f2ff66}button:active:not(:disabled){transform:translateY(0)}button:disabled{color:#334155;cursor:not-allowed;background:0 0;border-color:#334155}input,textarea{border:1px solid var(--border-dim);color:#fff;background:#0f172a;border-radius:4px;outline:none;padding:14px;font-family:inherit;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--accent-cyan)}.card{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:16px;padding:3.5rem;box-shadow:0 20px 60px #0009}.app-container{flex-direction:column;min-height:100vh;padding:1.5rem;display:flex}.layout-container{width:100%;max-width:1400px;margin:0 auto}.grid-2x2{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=1024px){.grid-2x2{grid-template-columns:1fr 1fr}}.grid-3{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:3rem;display:grid}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0}.shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.z-10{z-index:10}.z-20{z-index:20}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-20{gap:5rem}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-12{padding-left:3rem;padding-right:3rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-4{padding-bottom:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.w-full{width:100%}.w-px{width:1px}.w-2{width:.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-40{width:10rem}.w-72{width:18rem}.h-1{height:.25rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-40{height:10rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-7xl{max-width:80rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-black{font-weight:900}.font-medium{font-weight:500}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-center{text-align:center}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.whitespace-nowrap{white-space:nowrap}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-white{color:#fff}.text-black{color:#000}.text-cyan-400{color:var(--accent-cyan)}.text-yellow-400{color:var(--accent-yellow)}.text-red-700{color:#b91c1c}.text-red-900{color:#7f1d1d}.text-white\/20{color:#fff3}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/80{color:#fffc}.bg-black{background-color:#000}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-cyan-400{background-color:var(--accent-cyan)}.bg-yellow-400{background-color:var(--accent-yellow)}.bg-yellow-400\/10{background-color:#f0f0001a}.bg-transparent{background-color:#0000}.hover\:bg-red-900:hover{background-color:#7f1d1d}.hover\:text-white:hover{color:#fff}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-cyan-400{border-color:var(--accent-cyan)}.border-yellow-400{border-color:var(--accent-yellow)}.border-red-900{border-color:#7f1d1d}.border-red-900\/20{border-color:#7f1d1d33}.border-red-900\/50{border-color:#7f1d1d80}.hover\:border-white:hover{border-color:#fff}.hover\:border-red-500:hover{border-color:#ef4444}.hover\:text-red-500:hover{color:#ef4444}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-none{box-shadow:none}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-80{opacity:.8}.hover\:opacity-100:hover{opacity:1}.blur-md{filter:blur(8px)}.blur-\[80px\]{filter:blur(80px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.object-cover{object-fit:cover}.cursor-pointer{cursor:pointer}.-bottom-2{bottom:-.5rem}.-right-2{right:-.5rem}@media (width>=768px){.md\:flex-row{flex-direction:row}.md\:gap-8{gap:2rem}.md\:gap-20{gap:5rem}.md\:p-8{padding:2rem}.md\:p-12{padding:3rem}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:-rotate-90{transform:rotate(-90deg)}}@media (width>=1024px){.lg\:flex-row{flex-direction:row}.lg\:w-72{width:18rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.crt-overlay{pointer-events:none;z-index:9999;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/2px 100%;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes pulse-cyan{0%{box-shadow:0 0 5px #00f2ff33}50%{box-shadow:0 0 20px #00f2ff80}to{box-shadow:0 0 5px #00f2ff33}}.animate-pulse-cyan{animation:2s infinite pulse-cyan}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.hover\:scale-105:hover{transform:scale(1.05)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:border-white\/10{border-color:#ffffff1a}.group:hover .group-hover\:text-cyan-400{color:var(--accent-cyan)}.group:hover .group-hover\:bg-white{background-color:#fff}.group:hover .group-hover\:text-black{color:#000}.top-0{top:0}.right-0{right:0}.top-4{top:1rem}.right-4{right:1rem}.top-8{top:2rem}.right-8{right:2rem}@media (width>=768px){.md\:top-8{top:2rem}.md\:right-8{right:2rem}}