:root{--color-void: #fafafa;--color-panel: #ffffff;--color-neon-acid: #0ea5e9;--color-neon-cyan: #0891b2;--color-neon-pink: #e11d48;--color-grid: #e5e7eb;--color-text: #1f2937;--color-text-muted: #6b7280;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--spacing-unit: 8px;--border-width: 2px}[data-theme=dark]{--color-void: #000000;--color-panel: #0a0a0a;--color-neon-acid: #38bdf8;--color-neon-cyan: #00ffff;--color-neon-pink: #ff10f0;--color-grid: #1a1a1a;--color-text: #e0e0e0;--color-text-muted: #808090}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background-color:var(--color-void);color:var(--color-text);font-family:var(--font-mono);transition:background-color .3s,color .3s}body:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:40px 40px;opacity:.15;z-index:-1;animation:grid-scroll 20s linear infinite;pointer-events:none}[data-theme=dark] body:before{opacity:.3}@keyframes grid-scroll{0%{transform:translate(0)}to{transform:translate(-40px,-40px)}}.cyber-shell{display:grid;grid-template-columns:320px 1fr;grid-template-rows:60px 1fr;height:100vh;gap:0;border:var(--border-width) solid var(--color-neon-acid)}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:999;background:#00000080}.cyber-header{grid-column:1 / -1;background:var(--color-panel);border-bottom:var(--border-width) solid var(--color-neon-acid);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d;gap:15px}.sidebar-toggle{background:transparent;border:1px solid var(--color-neon-cyan);border-radius:4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{background:var(--color-neon-cyan)}.sidebar-toggle:hover svg{fill:#fff}[data-theme=dark] .sidebar-toggle:hover{box-shadow:0 0 10px var(--color-neon-cyan)}[data-theme=dark] .cyber-header{background:var(--color-void);box-shadow:none}.cyber-header:after{content:"ON";position:absolute;right:20px;font-size:12px;color:var(--color-neon-acid);opacity:.5;animation:blink 2s infinite}.brand{font-family:var(--font-sans);font-weight:900;font-size:24px;text-transform:uppercase;color:var(--color-neon-acid);letter-spacing:-1px}[data-theme=dark] .brand{text-shadow:0 0 10px rgba(56,189,248,.5)}.cyber-sidebar{background:var(--color-panel);border-right:var(--border-width) solid var(--color-neon-acid);overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;backdrop-filter:blur(5px);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.cyber-shell.sidebar-collapsed{grid-template-columns:0px 1fr}.cyber-sidebar.collapsed{margin-left:calc(-320px - var(--border-width))}[data-theme=dark] .cyber-sidebar{background:#0a0a0ae6}.section-title{color:var(--color-neon-pink);font-size:12px;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;border-bottom:1px dashed var(--color-neon-pink);padding-bottom:5px}.menu-btn{display:block;width:100%;padding:12px 15px;background:transparent;border:1px solid var(--color-neon-cyan);color:var(--color-neon-cyan);font-family:var(--font-mono);font-size:14px;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;margin-bottom:8px;text-transform:uppercase;border-radius:4px}.menu-btn:hover,.menu-btn:focus{background:var(--color-neon-cyan);color:#fff;transform:translate(3px)}[data-theme=dark] .menu-btn:hover,[data-theme=dark] .menu-btn:focus{box-shadow:0 0 15px var(--color-neon-cyan);transform:translate(5px)}.menu-btn.active{background:var(--color-neon-acid);border-color:var(--color-neon-acid);color:#fff;font-weight:700}.menu-btn:before{content:">";position:absolute;left:-20px;opacity:0;transition:opacity .2s}.menu-btn:hover:before{opacity:1;left:5px}.cyber-main{position:relative;background:var(--color-void);overflow-y:auto;overflow-x:hidden;padding:40px}[data-theme=dark] .cyber-main{background:var(--color-void)}.pdf-frame{width:100%;height:100%;border:none}.pdf-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(10px);transition:transform .4s cubic-bezier(.86,0,.07,1)}[data-theme=dark] .pdf-overlay{background:#000c}.pdf-overlay.hidden{transform:translateY(-100%);pointer-events:none}.glitch-text{font-size:64px;font-weight:900;color:var(--color-text);text-transform:uppercase;position:relative;margin-bottom:20px}[data-theme=dark] .glitch-text{color:#fff}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}[data-theme=dark] .glitch-text:before{left:2px;text-shadow:-1px 0 red;clip:rect(44px,450px,56px,0);animation:glitch-anim-1 5s infinite linear alternate-reverse}[data-theme=dark] .glitch-text:after{left:-2px;text-shadow:-1px 0 blue;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}[data-theme=light] .glitch-text:before,[data-theme=light] .glitch-text:after{display:none}@keyframes glitch-anim-1{0%{clip:rect(3px,9999px,89px,0)}20%{clip:rect(78px,9999px,10px,0)}40%{clip:rect(19px,9999px,45px,0)}60%{clip:rect(62px,9999px,2px,0)}80%{clip:rect(94px,9999px,34px,0)}to{clip:rect(13px,9999px,66px,0)}}@keyframes glitch-anim-2{0%{clip:rect(12px,9999px,56px,0)}20%{clip:rect(65px,9999px,3px,0)}40%{clip:rect(92px,9999px,87px,0)}60%{clip:rect(21px,9999px,15px,0)}80%{clip:rect(4px,9999px,39px,0)}to{clip:rect(54px,9999px,78px,0)}}.scanline{display:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:768px){html,body{overflow-x:hidden;overflow-y:auto;height:100%}.cyber-shell{grid-template-columns:1fr;grid-template-rows:60px 1fr;width:100vw;height:100vh;min-height:100vh;max-height:100vh;overflow:hidden;border:none}.cyber-sidebar{position:fixed;top:60px;left:0;width:280px;height:calc(100vh - 60px);max-height:calc(100vh - 60px);z-index:1000;border-right:var(--border-width) solid var(--color-neon-acid);border-bottom:none;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);margin-left:0;overflow-y:auto}.cyber-sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:none;top:60px;height:calc(100vh - 60px)}.sidebar-overlay.active{display:block}.cyber-main{height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;padding:20px 15px;-webkit-overflow-scrolling:touch;box-sizing:border-box}.brand{font-size:18px}.glitch-text{font-size:36px}.menu-btn{padding:10px 12px;font-size:12px}.section-title{font-size:11px}.cyber-shell.sidebar-collapsed{grid-template-columns:1fr}.cyber-sidebar.collapsed{margin-left:0}}.content-container{max-width:1200px;margin:0 auto;padding:40px 20px}.content-section{background:var(--color-panel);border:1px solid var(--color-neon-cyan);border-radius:8px;padding:30px;margin-bottom:30px;transition:background .3s,border-color .3s;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .content-section{box-shadow:0 1px 3px #0000004d}.content-section h2{color:var(--color-neon-acid);font-size:28px;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.content-section h3{color:var(--color-neon-cyan);font-size:20px;margin-top:25px;margin-bottom:15px}.content-section p{line-height:1.2;margin-bottom:12px;color:var(--color-text)}.content-section ul,.content-section ol{margin-left:20px;margin-bottom:15px}.content-section li{margin-bottom:4px;line-height:1.3}.theme-toggle{position:fixed;top:10px;right:20px;z-index:10001;background:var(--color-panel);border:2px solid var(--color-neon-cyan);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.theme-toggle svg{width:20px;height:20px;fill:var(--color-neon-cyan);transition:fill .3s}[data-theme=dark] .theme-toggle{box-shadow:0 2px 10px #0003}[data-theme=dark] .theme-toggle svg{fill:var(--color-neon-acid)}@media(max-width:768px){.theme-toggle{position:static;width:36px;height:36px;margin-right:8px;order:1}.theme-toggle svg{width:20px;height:20px}}@media(max-width:768px){.content-container{padding:20px 15px;height:auto;min-height:0}.content-section{padding:20px;margin-bottom:20px}.content-section h2{font-size:22px}.content-section h3{font-size:18px}}.tutorial-container{max-width:1600px;width:100%;padding:40px}.markdown-body{color:var(--color-text);line-height:1.3}.markdown-body h1{color:var(--color-neon-acid);font-size:32px;margin-top:40px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--color-neon-acid)}.markdown-body h2{color:var(--color-neon-acid);font-size:24px;margin-top:30px;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid var(--color-neon-acid)}.markdown-body h3{color:var(--color-neon-cyan);font-size:20px;margin-top:25px;margin-bottom:12px}.markdown-body h4{color:var(--color-neon-cyan);font-size:18px;margin-top:20px;margin-bottom:10px}.markdown-body p{margin-bottom:15px}.markdown-body a{color:var(--color-neon-cyan);text-decoration:none;border-bottom:1px dotted var(--color-neon-cyan);transition:all .2s}.markdown-body a:hover{color:var(--color-neon-acid);border-bottom-style:solid}.markdown-body code{background:var(--color-grid);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.markdown-body pre{background:var(--color-panel);border:1px solid var(--color-grid);border-radius:8px;padding:8px 12px;overflow-x:auto;margin-bottom:12px;line-height:1.3}.markdown-body pre code{background:none;padding:0;font-size:14px;line-height:1.3}.markdown-body ul,.markdown-body ol{margin-left:25px;margin-bottom:15px}.markdown-body li{margin-bottom:8px}.markdown-body blockquote{border-left:4px solid var(--color-neon-acid);padding-left:16px;margin:15px 0;color:var(--color-text-muted);font-style:italic}.markdown-body table{width:100%;border-collapse:collapse;margin:20px 0}.markdown-body th,.markdown-body td{border:1px solid var(--color-grid);padding:12px;text-align:left}.markdown-body th{background:var(--color-neon-cyan);color:#fff;font-weight:600}.markdown-body tr:nth-child(2n){background:var(--color-grid)}.markdown-body img{max-width:100%;border-radius:8px;margin:20px 0;box-shadow:0 2px 8px #0000001a}@media(max-width:768px){.tutorial-container{padding:20px 5px;max-height:none;height:auto;min-height:0;width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:break-word}.markdown-body{overflow-wrap:break-word;word-break:break-word}.markdown-body pre{overflow-x:auto;max-width:100%}.markdown-body table{display:block;overflow-x:auto;white-space:nowrap}.markdown-body h1{font-size:24px}.markdown-body h2{font-size:20px}.markdown-body h3{font-size:18px}.markdown-body pre code{font-size:12px}}::view-transition-old(root){animation:.3s cubic-bezier(.4,0,.2,1) both fade-out,.3s cubic-bezier(.4,0,.2,1) both slide-out-left}::view-transition-new(root){animation:.35s cubic-bezier(.4,0,.2,1) .1s both fade-in,.35s cubic-bezier(.4,0,.2,1) .1s both slide-in-right}::view-transition-old(root):is(:backwards){animation:.3s cubic-bezier(.4,0,.2,1) both fade-out,.3s cubic-bezier(.4,0,.2,1) both slide-out-right}::view-transition-new(root):is(:backwards){animation:.35s cubic-bezier(.4,0,.2,1) .1s both fade-in,.35s cubic-bezier(.4,0,.2,1) .1s both slide-in-left}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-out-left{to{transform:translate(-30px)}}@keyframes slide-in-right{0%{transform:translate(30px)}to{transform:translate(0)}}@keyframes slide-out-right{to{transform:translate(30px)}}@keyframes slide-in-left{0%{transform:translate(-30px)}to{transform:translate(0)}}.cyber-main{view-transition-name:main-content}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.system-status-box[data-astro-cid-dbsqmobl]{border:1px solid var(--color-neon-acid);padding:12px;margin-bottom:20px;background:rgba(var(--color-panel),.5);backdrop-filter:blur(4px);position:relative;overflow:hidden;box-shadow:0 0 10px #0000000d}[data-theme=dark] .system-status-box[data-astro-cid-dbsqmobl]{background:#0a0a0a99;box-shadow:0 0 15px #0000004d}.system-status-box[data-astro-cid-dbsqmobl]:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-neon-acid);box-shadow:0 0 8px var(--color-neon-acid)}.status-header[data-astro-cid-dbsqmobl]{font-size:10px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;color:var(--color-text-muted);letter-spacing:1px;font-weight:700}.status-indicator[data-astro-cid-dbsqmobl]{width:6px;height:6px;background:var(--color-neon-acid);border-radius:50%;box-shadow:0 0 5px var(--color-neon-acid);animation:pulse 2s infinite}.status-bar-container[data-astro-cid-dbsqmobl]{height:4px;background:#64646433;width:100%;margin-bottom:12px;border-radius:2px}.status-bar[data-astro-cid-dbsqmobl]{height:100%;width:87%;background:var(--color-neon-acid);position:relative;overflow:hidden;border-radius:2px}.status-scan[data-astro-cid-dbsqmobl]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:scan 3s infinite ease-in-out}.status-metrics[data-astro-cid-dbsqmobl]{display:flex;flex-direction:column;gap:8px}.metric-row[data-astro-cid-dbsqmobl]{display:flex;justify-content:space-between;font-size:11px;font-family:var(--font-mono);line-height:1.4;border-bottom:1px dotted rgba(128,128,128,.2);padding-bottom:2px}.metric-row[data-astro-cid-dbsqmobl]:last-child{border-bottom:none}.metric-label[data-astro-cid-dbsqmobl]{color:var(--color-text-muted);font-size:10px}.metric-value[data-astro-cid-dbsqmobl]{font-weight:700}.online[data-astro-cid-dbsqmobl]{color:var(--color-neon-acid);text-shadow:0 0 5px rgba(14,165,233,.3)}.highlight-pink[data-astro-cid-dbsqmobl]{color:var(--color-neon-pink);text-shadow:0 0 5px rgba(225,29,72,.3)}.highlight-cyan[data-astro-cid-dbsqmobl]{color:var(--color-neon-cyan);text-shadow:0 0 5px rgba(8,145,178,.3)}.loading-dots[data-astro-cid-dbsqmobl]{animation:blink 1s infinite;opacity:.5}@keyframes pulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 5px var(--color-neon-acid)}50%{opacity:.5;transform:scale(.8);box-shadow:0 0 2px var(--color-neon-acid)}to{opacity:1;transform:scale(1);box-shadow:0 0 5px var(--color-neon-acid)}}@keyframes scan{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.anchor-link[data-astro-cid-ioosybgm]{color:inherit;text-decoration:none;position:relative}.anchor-link[data-astro-cid-ioosybgm]:hover{color:var(--color-neon-acid)}.anchor-link[data-astro-cid-ioosybgm]:hover:before{content:"#";position:absolute;left:-1.2em;color:var(--color-neon-cyan);opacity:.7}h1[data-astro-cid-ioosybgm],h2[data-astro-cid-ioosybgm],h3[data-astro-cid-ioosybgm],h4[data-astro-cid-ioosybgm],h5[data-astro-cid-ioosybgm],h6[data-astro-cid-ioosybgm]{scroll-margin-top:20px}