*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{overflow-x:hidden;max-width:100vw}body{font-family:'JetBrains Mono',monospace;background-color:#f8fafc;color:#1e293b;line-height:1.5;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:30px 30px}input,select,textarea{font-size:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;border-left:1px solid #e2e8f0}::-webkit-scrollbar-thumb{background:#cbd5e1;border:1px solid #f8fafc}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.retro-card{background:#fff;border:2px solid #e2e8f0;box-shadow:4px 4px 0 0 rgba(0,0,0,.1);transition:all .2s;border-radius:4px}.retro-card:hover{border-color:#7c3aed;transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 rgba(124,58,237,.2)}.retro-btn:active{transform:translate(2px,2px);box-shadow:none}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gradient-text{color:#059669;text-shadow:2px 2px 0 #7c3aed}.modal-overlay{background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}@media (max-width:640px){.retro-card{box-shadow:2px 2px 0 0 rgba(0,0,0,.1)}.retro-card:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 rgba(124,58,237,.2)}}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.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}.w-full{width:100%}.w-12{width:3rem}.w-14{width:3.5rem}.max-w-sm{max-width:24rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-h-90vh{max-height:90vh}.h-64{height:16rem}.h-80{height:20rem}.min-h-screen{min-height:100vh}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.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-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-4{padding-left:1rem}.pr-8{padding-right:2rem}.pr-10{padding-right:2.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-20{padding-bottom:5rem}.pt-4{padding-top:1rem}.pt-12{padding-top:3rem}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-20{margin-bottom:5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.font-bold{font-weight:700}.font-mono{font-family:'JetBrains Mono',monospace}.text-center{text-align:center}.text-right{text-align:right}.text-white{color:#fff}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-900{color:#0f172a}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-blue-600{color:#2563eb}.text-green-700{color:#15803d}.text-yellow-600{color:#ca8a04}.text-yellow-700{color:#a16207}.text-etna-purple{color:#7c3aed}.text-etna-green{color:#059669}.bg-white{background-color:#fff}.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.bg-slate-200{background-color:#e2e8f0}.bg-red-50{background-color:#fef2f2}.bg-red-500{background-color:#ef4444}.bg-blue-50{background-color:#eff6ff}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-green-700{background-color:#15803d}.bg-yellow-100{background-color:#fef3c7}.bg-etna-purple{background-color:#7c3aed}.bg-etna-green{background-color:#059669}.bg-white\/20{background-color:rgba(255,255,255,.2)}.bg-white\/40{background-color:rgba(255,255,255,.4)}.bg-white\/80{background-color:rgba(255,255,255,.8)}.bg-white\/95{background-color:rgba(255,255,255,.95)}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-l-4{border-left-width:4px}.border-b-2{border-bottom-width:2px}.border-t-2{border-top-width:2px}.border-slate-300{border-color:#cbd5e1}.border-slate-400{border-color:#94a3b8}.border-red-500{border-color:#ef4444}.border-blue-600{border-color:#2563eb}.border-yellow-500{border-color:#eab308}.border-yellow-600{border-color:#ca8a04}.border-white\/30{border-color:rgba(255,255,255,.3)}.border-etna-border{border-color:#e2e8f0}.border-etna-purple{border-color:#7c3aed}.border-etna-green{border-color:#059669}.border-etna-green\/30{border-color:rgba(5,150,105,.3)}.rounded-sm{border-radius:.125rem}.rounded-full{border-radius:9999px}.shadow-retro{box-shadow:4px 4px 0 0 rgba(0,0,0,.1)}.shadow-retro-sm{box-shadow:2px 2px 0 0 rgba(0,0,0,.1)}.shadow-retro-hover{box-shadow:6px 6px 0 0 rgba(124,58,237,.2)}.shadow-purple{box-shadow:6px 6px 0 0 rgba(124,58,237,.3)}.shadow-purple-lg{box-shadow:8px 8px 0 0 rgba(124,58,237,.2)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.opacity-100{opacity:1}.transition{transition-property:all;transition-duration:.2s}.transition-transform{transition-property:transform}.transform{transform:translateZ(0)}.translate-x-1{transform:translateX(.25rem)}.-translate-x-1\/2{transform:translateX(-50%)}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.top-2{top:.5rem}.top-4{top:1rem}.right-2{right:.5rem}.right-4{right:1rem}.left-4{left:1rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1/1}.object-cover{object-fit:cover}.outline-none{outline:2px solid transparent;outline-offset:2px}.grayscale{filter:grayscale(100%)}.backdrop-blur-sm{backdrop-filter:blur(4px)}.whitespace-nowrap{white-space:nowrap}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.hover\:text-slate-700:hover{color:#334155}.hover\:text-slate-900:hover{color:#0f172a}.hover\:text-etna-purple:hover{color:#7c3aed}.hover\:text-etna-green:hover{color:#059669}.hover\:bg-slate-50:hover{background-color:#f8fafc}.hover\:bg-green-700:hover{background-color:#15803d}.hover\:bg-purple-700:hover{background-color:#6d28d9}.hover\:bg-white\/40:hover{background-color:rgba(255,255,255,.4)}.hover\:border-etna-purple:hover{border-color:#7c3aed}.hover\:border-etna-green:hover{border-color:#059669}.hover\:border-blue-600:hover{border-color:#2563eb}.hover\:opacity-100:hover{opacity:1}.hover\:grayscale-0:hover{filter:grayscale(0)}.hover\:translate-x-1:hover{transform:translateX(.25rem)}.group:hover .group-hover\:text-etna-green{color:#059669}.group:hover .group-hover\:opacity-100{opacity:1}.focus\:border-etna-purple:focus{border-color:#7c3aed}@media (min-width:640px){.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mb-10{margin-bottom:2.5rem}.sm\:mb-20{margin-bottom:5rem}.sm\:mt-12{margin-top:3rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-12{gap:3rem}.sm\:space-y-6>*+*{margin-top:1.5rem}.sm\:h-80{height:20rem}.sm\:w-auto{width:auto}.sm\:w-14{width:3.5rem}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:top-4{top:1rem}.sm\:right-4{right:1rem}.sm\:left-auto{left:auto}}@media (min-width:768px){.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:gap-8{gap:2rem}.lg\:gap-16{gap:4rem}}button{font-family:inherit;background:0 0;border:none;cursor:pointer}input{font-family:inherit}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black{--tw-gradient-from:#000;--tw-gradient-stops:var(--tw-gradient-from),transparent}.via-black\/80{--tw-gradient-stops:var(--tw-gradient-from),rgba(0, 0, 0, 0.8),transparent}.to-transparent{--tw-gradient-to:transparent}.etna-blink{animation:etna-blink 1.1s step-start infinite}@keyframes etna-blink{0%,100%{opacity:1}50%{opacity:0}}.gradient-text::after{content:'_';color:#7c3aed;animation:etna-blink 1.1s step-start infinite;font-weight:700}body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.012) 3px,rgba(0,0,0,.012) 4px);pointer-events:none;z-index:9999}.retro-card:focus-within{border-color:#7c3aed;box-shadow:6px 6px 0 0 rgba(124,58,237,.25)}.etna-chip{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.15rem .5rem;border:1px solid currentColor;border-radius:2px;text-transform:uppercase}.status-dot-online{display:inline-block;width:8px;height:8px;border-radius:50%;background:#059669;box-shadow:0 0 0 0 rgba(5,150,105,.5);animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%{box-shadow:0 0 0 0 rgba(5,150,105,.5)}70%{box-shadow:0 0 0 6px rgba(5,150,105,0)}100%{box-shadow:0 0 0 0 rgba(5,150,105,0)}}#root{animation:page-reveal .4s ease-out both}@keyframes page-reveal{from{opacity:0}to{opacity:1}}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.retro-card{will-change:transform,box-shadow}button:focus-visible,input:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}@media print{.retro-btn,button,footer,nav{display:none!important}body{background:#fff}.retro-card{box-shadow:none;border:1px solid #ccc}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.max-w-xl{max-width:36rem}.grayscale-0{filter:grayscale(0)}