@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}:root{--bg-deep: #050508;--bg: #0a0a0f;--bg-surface: #111118;--bg-inset: #0d0d14;--border: #1e1e2e;--border-bright: #2a2a3e;--text: #e0dfe6;--text-muted: #7a7a8e;--text-dim: #4a4a5e;--cyan: #00fff0;--magenta: #ff00aa;--purple: #b34dff;--yellow: #ffe600;--active: #00ff88;--inactive: #ff4466;--pending: #ffaa00;--font-heading: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace;--glow-cyan: 0 0 10px rgba(0, 255, 240, .4), 0 0 40px rgba(0, 255, 240, .1);--glow-magenta: 0 0 10px rgba(255, 0, 170, .4), 0 0 40px rgba(255, 0, 170, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}::selection{background:#00fff040;color:var(--cyan)}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:500;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;background-image:linear-gradient(rgba(0,255,240,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,240,.03) 1px,transparent 1px);background-size:40px 40px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:9998}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--text);line-height:1.2}h1{font-size:2rem;font-weight:900;margin-bottom:.75rem}h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}h3{font-size:1.15rem;font-weight:700;margin-bottom:.4rem}code,pre{font-family:var(--font-mono);background:var(--bg-deep);color:var(--cyan);border-radius:4px}code{padding:.15em .4em;font-size:.9em}pre{padding:1rem;overflow-x:auto;border:1px solid var(--border);line-height:1.7}a{color:var(--cyan);text-decoration:none;transition:color .2s,text-shadow .2s}a:hover{color:#fff;text-shadow:0 0 8px rgba(0,255,240,.6)}@keyframes glitch{0%,to{clip-path:inset(0 0 0 0)}10%{clip-path:inset(20% 0 40% 0)}20%{clip-path:inset(60% 0 5% 0)}30%{clip-path:inset(10% 0 70% 0)}40%{clip-path:inset(80% 0 2% 0)}50%{clip-path:inset(5% 0 55% 0)}60%{clip-path:inset(35% 0 30% 0)}70%{clip-path:inset(75% 0 10% 0)}80%{clip-path:inset(15% 0 65% 0)}90%{clip-path:inset(50% 0 20% 0)}}@keyframes glitch-color{0%,to{text-shadow:2px 0 var(--cyan),-2px 0 var(--magenta)}25%{text-shadow:-2px -1px var(--magenta),2px 1px var(--cyan)}50%{text-shadow:1px 2px var(--cyan),-1px -2px var(--magenta)}75%{text-shadow:-1px 1px var(--magenta),1px -1px var(--cyan)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #00fff04d}50%{box-shadow:0 0 20px #00fff099,0 0 40px #00fff033}}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes border-rotate{to{--border-angle: 360deg}}.neon-text{color:var(--cyan);text-shadow:0 0 7px rgba(0,255,240,.6),0 0 20px rgba(0,255,240,.3)}.neon-box{box-shadow:var(--glow-cyan)}.glitch-auto{position:relative;animation:glitch-color 8s infinite}.glitch-hover:hover{animation:glitch-color .3s steps(2) infinite}.card-glow{animation:border-rotate 4s linear infinite;border-image:conic-gradient(from var(--border-angle),var(--border),var(--cyan),var(--magenta),var(--border)) 1}.container{max-width:960px;margin:0 auto;padding:0 1.5rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.hero{text-align:center;padding:6rem 1.5rem 4rem}.hero h1{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1rem}.hero p{font-size:1.15rem;color:var(--text-muted);max-width:600px;margin:0 auto 2rem}.nav-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:1.5rem}.nav-header nav{display:flex;gap:1.5rem}.nav-header nav a{font-family:var(--font-heading);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);transition:color .2s,text-shadow .2s}.nav-header nav a:hover{color:var(--cyan);text-shadow:0 0 8px rgba(0,255,240,.5)}button,.btn{font-family:var(--font-heading);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;padding:.5rem 1.25rem;border:1px solid var(--border-bright);border-radius:4px;background:transparent;color:var(--text);cursor:pointer;transition:all .2s}button:hover,.btn:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 10px #00fff033}button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}button:disabled:hover{border-color:var(--border-bright);color:var(--text);box-shadow:none}.btn-primary,button.btn-primary{border-color:var(--cyan);color:var(--cyan)}.btn-primary:hover,button.btn-primary:hover{background:#00fff01a;box-shadow:0 0 15px #00fff04d}.btn-secondary,button.btn-secondary{border-color:var(--border-bright);color:var(--text-muted)}.btn-secondary:hover,button.btn-secondary:hover{border-color:var(--magenta);color:var(--magenta);box-shadow:0 0 10px #f0a3}.btn-danger,button.btn-danger{border-color:var(--inactive);color:var(--inactive)}.btn-danger:hover,button.btn-danger:hover{background:#ff44661a;box-shadow:0 0 15px #ff44664d}.btn-filled,a.btn-filled{display:inline-block;background:var(--cyan);color:var(--bg-deep);font-family:var(--font-heading);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.75rem 2rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-filled:hover,a.btn-filled:hover{background:#fff;color:var(--bg-deep);box-shadow:0 0 20px #00fff080;text-shadow:none}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],textarea,select{font-family:var(--font-body);font-size:1rem;width:100%;padding:.6rem .75rem;background:var(--bg-inset);border:1px solid var(--border);border-radius:4px;color:var(--text);transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 8px #00fff040}input::placeholder,textarea::placeholder{color:var(--text-dim)}label{display:block;font-family:var(--font-heading);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.3rem}.form-group{margin-bottom:1rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:.75rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-bright);box-shadow:0 0 15px #00fff00d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.card-title{font-family:var(--font-heading);font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:var(--cyan)}.card-title:hover{text-shadow:0 0 8px rgba(0,255,240,.5)}.card-description{color:var(--text-muted);font-size:.95rem;margin:.25rem 0}.card-meta{font-size:.8rem;color:var(--text-dim);font-family:var(--font-mono)}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:border-color .3s,box-shadow .3s}.feature-card:hover{border-color:var(--cyan);box-shadow:0 0 20px #00fff01a}.feature-card .icon{font-size:2rem;margin-bottom:.75rem}.feature-card h3{font-size:1rem;margin-bottom:.5rem;color:var(--cyan)}.feature-card p{color:var(--text-muted);font-size:.9rem}table{width:100%;border-collapse:collapse}thead{border-bottom:2px solid var(--cyan)}th{font-family:var(--font-heading);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);text-align:left;padding:.6rem .75rem}td{padding:.6rem .75rem;border-bottom:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:.9rem}tr:hover td{color:var(--text);background:#00fff005}.badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;padding:.2rem .6rem;border-radius:3px}.badge:before{content:"";width:6px;height:6px;border-radius:50%}.badge-active{color:var(--active);background:#00ff881a;border:1px solid rgba(0,255,136,.2)}.badge-active:before{background:var(--active);animation:badge-pulse 2s infinite}.badge-inactive{color:var(--inactive);background:#ff44661a;border:1px solid rgba(255,68,102,.2)}.badge-inactive:before{background:var(--inactive)}.badge-pending{color:var(--pending);background:#ffaa001a;border:1px solid rgba(255,170,0,.2)}.badge-pending:before{background:var(--pending);animation:badge-pulse 1.5s infinite}.error-text{color:var(--inactive);font-family:var(--font-mono);font-size:.85rem;margin-top:.5rem}.loading-text{text-align:center;padding:2rem;color:var(--text-muted);font-family:var(--font-mono)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:2px solid var(--cyan);color:var(--cyan);border-radius:50%;font-family:var(--font-heading);font-weight:700;font-size:1rem;margin-bottom:1rem}.tech-badge{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);transition:border-color .2s,color .2s}.tech-badge:hover{border-color:var(--cyan);color:var(--cyan)}section{padding:2rem 0}.wizard-progress{height:4px;background:var(--border);border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.wizard-progress-bar{height:100%;background:var(--cyan);border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px #00fff066}.collapsible-help{margin:.5rem 0 1rem}.collapsible-toggle{background:none;border:none;color:var(--cyan);font-family:var(--font-body);font-size:.9rem;cursor:pointer;padding:.25rem 0;text-transform:none;letter-spacing:0}.collapsible-toggle:hover{color:#fff;border-color:transparent;box-shadow:none}.collapsible-content{background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;padding:1rem 1.25rem;margin-top:.5rem;font-size:.9rem;color:var(--text-muted)}.collapsible-content ol{padding-left:1.25rem}.collapsible-content li{margin-bottom:.4rem}.help-text{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.wizard-success{text-align:center;padding:2rem 0}.wizard-success .success-icon{font-size:3rem;margin-bottom:1rem}.wizard-success h3{margin-bottom:.75rem;color:var(--active)}.wizard-success p{color:var(--text-muted);max-width:480px;margin:0 auto 1rem}.checklist{list-style:none;padding:0}.checklist li{padding:.3rem 0;font-size:.95rem}.checklist-done{color:var(--text)}.checklist-todo{color:var(--text-muted)}.card-setup-status{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;font-size:.8rem;font-family:var(--font-mono)}.status-ok{color:var(--active)}.status-missing{color:var(--pending)}@media(max-width:640px){.container{padding:0 1rem}h1{font-size:1.5rem}h2{font-size:1.2rem}.nav-header{flex-direction:column;gap:.75rem}.nav-header nav{gap:1rem}.flex-between{flex-direction:column;gap:.75rem;align-items:flex-start}.hero{padding:3rem 1rem 2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:after{display:none}body:before{display:none}}