@layer reset, base, layout, components, utilities;@layer base{@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap");:root{--bg-dark:#000000;--bg-card:#0a1a0e;--bg-input:#0d1f12;--bg-panel:rgba(0,255,65,0.06);--border-color:#1a3d22;--border-glow:#00ff41;--text-primary:#ffffff;--text-secondary:#c9ffd5;--text-muted:#9ee8af;--accent-cyan:#00ffff;--accent-blue:#0088ff;--accent-purple:#bb00ff;--accent-magenta:#ff00ff;--accent-green:#00ff41;--accent-orange:#ff8800;--accent-gold:#ffd700;--accent-cf:#f38020;--shadow-neon:0 0 10px rgba(0,255,65,0.2);--glow-cyan:0 0 15px rgba(0,255,255,0.3);--glow-purple:0 0 15px rgba(187,0,255,0.3);--glow-green:0 0 15px rgba(0,255,65,0.4);--font-heading:"Fira Code","Courier New",monospace;--font-body:"Fira Code","Courier New",monospace;--font-mono:"Fira Code","Courier New",monospace;scrollbar-color:var(--border-glow) var(--bg-dark);scrollbar-width:thin}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:3px solid #00ff41!important;outline-offset:3px!important;background-color:rgba(0,255,65,.15)!important;color:#ffffff!important}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:after,body:before{content:"";position:absolute;width:50vw;height:50vw;border-radius:50%;filter:blur(150px);z-index:-1;opacity:.12;pointer-events:none}body:before{top:-10%;left:-10%;background:radial-gradient(circle,rgba(0,255,65,.4),transparent 70%)}body:after{bottom:-10%;right:-10%;background:radial-gradient(circle,rgba(0,255,255,.3),transparent 70%)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;line-height:1.2}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-blue)}header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;background-color:rgba(0,0,0,.85)}.nav-container{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;justify-content:space-between}.logo,.nav-container{display:flex;align-items:center}.logo{gap:.5rem;font-family:var(--font-heading);font-size:1.5rem;font-weight:900;text-shadow:0 0 8px rgba(0,255,255,.5)}.logo,.logo-badge{color:var(--accent-cyan)}.logo-badge{background:rgba(0,255,255,.1);border:1px solid var(--accent-cyan);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;-webkit-text-fill-color:initial}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-secondary);font-weight:600;font-size:.95rem;padding:.5rem .75rem;border-radius:4px;transition:all .2s ease}.nav-links a.active,.nav-links a:hover{color:var(--text-primary);background-color:rgba(0,255,65,.1)}.hero{max-width:1200px;margin:0 auto;padding:8rem 2rem 6rem;display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;position:relative;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center;width:100%}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;background-color:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.3);color:var(--accent-cyan);padding:.5rem 1rem;border-radius:4px;font-size:.85rem;font-weight:600;margin-block-end:1.5rem;box-shadow:var(--glow-cyan)}.hero h1{font-size:clamp(3rem,7vw,5rem);font-weight:900;color:var(--accent-green);text-shadow:0 0 12px rgba(0,255,65,.6);margin-block-end:.5rem}.hero-title-desc{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;color:var(--accent-purple);margin-block-end:1.5rem}.hero-subtitle{font-size:clamp(1rem,2.2vw,1.15rem);color:var(--text-secondary);max-width:600px;margin-block-end:3rem;font-weight:400;line-height:1.7}.hero-ctas{display:flex;gap:1rem;justify-content:center;width:100%}.btn-cta-primary{background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));color:#000000;border:none;padding:.85rem 2rem;border-radius:4px;font-family:var(--font-heading);font-weight:700;font-size:1rem;cursor:pointer;box-shadow:var(--glow-cyan);transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,255,65,.3),var(--glow-cyan)}.btn-cta-secondary{background:rgba(0,255,65,.08);border:1px solid var(--border-glow);color:var(--accent-green);padding:.85rem 2rem;border-radius:4px;font-family:var(--font-heading);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-cta-secondary:hover{background-color:rgba(0,255,65,.15);border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.hero-image-wrapper{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.hero-image-container{position:relative;border-radius:8px;padding:6px;background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));box-shadow:var(--shadow-neon),var(--glow-cyan);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;width:100%;max-width:320px}.hero-image-container:hover{transform:translateY(-8px) rotate(1deg) scale(1.02);box-shadow:0 20px 50px rgba(0,255,65,.25),0 0 35px rgba(0,255,255,.2)}.hero-image{display:block;width:100%;height:390px;object-fit:cover;border-radius:6px;border:2px solid var(--bg-card)}.avatar-badge{position:absolute;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glow);padding:.45rem .9rem;border-radius:4px;font-size:.8rem;font-weight:700;box-shadow:var(--shadow-neon);color:var(--text-primary);display:flex;align-items:center;gap:.35rem;pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .35s cubic-bezier(.175,.885,.32,1.275)}.avatar-badge-1{top:10%;left:-25px;color:var(--accent-cyan)}.avatar-badge-2{bottom:20%;left:-35px;color:var(--accent-cf)}.avatar-badge-3{top:25%;right:-30px;color:var(--accent-purple)}.hero-image-container:hover .avatar-badge-1{transform:scale(1.08) translate(-5px,-3px)}.hero-image-container:hover .avatar-badge-2{transform:scale(1.08) translate(-5px,3px)}.hero-image-container:hover .avatar-badge-3{transform:scale(1.08) translate(5px,-3px)}@media (min-width:992px){.hero{grid-template-columns:1.25fr .75fr;text-align:left;gap:4rem}.hero-content{align-items:flex-start}.hero-tag{align-self:flex-start}.hero-ctas{justify-content:flex-start}}section{max-width:1200px;margin:0 auto 7rem;padding:0 2rem;scroll-margin-block-start:6rem}.section-header{margin-block-end:3.5rem;text-align:center}.section-header h2{font-size:2.3rem;margin-block-end:.75rem;color:var(--accent-green);text-shadow:0 0 10px rgba(0,255,65,.5)}.section-header p{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.expertise-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:2.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.expertise-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-green);opacity:0;transition:opacity .3s ease}.expertise-card[data-color=cyan]:before{background:var(--accent-cyan)}.expertise-card[data-color=purple]:before{background:var(--accent-purple)}.expertise-card[data-color=cf]:before{background:var(--accent-cf)}.expertise-card:hover{transform:translateY(-8px);border-color:var(--border-glow);box-shadow:var(--shadow-neon)}.expertise-card:hover:before{opacity:1}.card-header-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-block-end:1.5rem;font-size:1.5rem}.expertise-card[data-color=cyan] .card-header-icon{background:rgba(0,255,255,.12);color:var(--accent-cyan)}.expertise-card[data-color=purple] .card-header-icon{background:rgba(187,0,255,.12);color:var(--accent-purple)}.expertise-card[data-color=cf] .card-header-icon{background:rgba(243,128,32,.12);color:var(--accent-cf)}.card-title{font-size:1.45rem;margin-block-end:.75rem;color:var(--text-primary)}.card-desc{color:var(--text-secondary);font-size:.95rem;margin-block-end:1.5rem;flex-grow:1}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-block-start:auto}.card-badge-list{display:flex;gap:.5rem}.card-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;background-color:rgba(0,255,65,.08);border:1px solid var(--border-color);color:var(--text-muted);transition:all .2s ease}.card-badge:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background-color:rgba(0,255,255,.1)}.card-action{font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.25rem;transition:transform .2s ease}.expertise-card[data-color=cyan] .card-action{color:var(--accent-cyan)}.expertise-card[data-color=purple] .card-action{color:var(--accent-purple)}.expertise-card[data-color=cf] .card-action{color:var(--accent-cf)}.expertise-card:hover .card-action{transform:translateX(4px)}dialog{margin:auto;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem;max-width:600px;width:90%;color:var(--text-primary);box-shadow:var(--shadow-neon),0 0 0 100vw rgba(0,0,0,.7);outline:none;opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease,display allow-discrete .3s}dialog[open]{opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.95)}}dialog::backdrop{background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .3s ease,display allow-discrete .3s,-webkit-backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease,display allow-discrete .3s;transition:background-color .3s ease,backdrop-filter .3s ease,display allow-discrete .3s,-webkit-backdrop-filter .3s ease}dialog[open]::backdrop{background-color:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@starting-style{dialog[open]::backdrop{background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-block-end:1.5rem}.dialog-title{font-size:1.8rem;font-weight:800}.dialog-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.dialog-close:hover{color:var(--text-primary);background-color:rgba(0,255,65,.1)}.dialog-content{margin-block-end:2rem}.dialog-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.dialog-list li{position:relative;padding-inline-start:1.75rem;color:var(--text-secondary)}.dialog-list li:before{content:"✦";position:absolute;left:0;color:var(--accent-cyan)}.sandbox-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-neon)}.sandbox-body{container-type:inline-size;container-name:sandbox-container}.sandbox-tabs{display:flex;background-color:rgba(0,0,0,.5);border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.sandbox-tabs::-webkit-scrollbar{display:none}.sandbox-tab{background:transparent;color:var(--text-muted);padding:1.25rem 2rem;font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;border-bottom:2px solid transparent;white-space:nowrap}.sandbox-tab:hover{color:var(--text-secondary);background-color:rgba(0,255,65,.05)}.sandbox-tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);background-color:var(--bg-card)}.sandbox-content{padding:3rem}.sandbox-panel{display:none}.sandbox-panel.active{display:block}.anchor-demo{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0;position:relative;min-height:250px}.anchor-el{background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));border:none;color:#000000;padding:.85rem 1.75rem;border-radius:4px;font-family:var(--font-heading);font-weight:700;cursor:pointer;box-shadow:var(--glow-cyan);transition:transform .2s ease;anchor-name:--my-anchor}.anchor-el:hover{transform:scale(1.03)}.popover-demo{background-color:var(--bg-card);border:1px solid var(--border-glow);color:var(--text-primary);border-radius:8px;padding:1.25rem;max-width:320px;box-shadow:var(--shadow-neon);font-size:.9rem;position:absolute;position-anchor:--my-anchor;top:anchor(bottom);left:anchor(center);transform:translateX(-50%) translateY(12px);margin:auto;opacity:0;scale:.9;transition:opacity .25s ease,scale .25s ease,overlay allow-discrete .25s,display allow-discrete .25s}.popover-demo:popover-open{opacity:1;scale:1}@starting-style{.popover-demo:popover-open{opacity:0;scale:.9}}.popover-header{font-weight:700;margin-block-end:.5rem;color:var(--accent-cyan);display:flex;align-items:center;gap:.5rem}.oklch-demo{display:flex;flex-direction:column;gap:2rem}.oklch-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.slider-group{display:flex;flex-direction:column;gap:.5rem}.slider-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;justify-content:space-between}.slider-group input[type=range]{appearance:none;background:var(--bg-input);height:8px;border-radius:4px;outline:none}.slider-group input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-card);box-shadow:var(--glow-cyan);-webkit-transition:transform .1s ease;transition:transform .1s ease}.slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.oklch-preview-box{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.oklch-color-disc{width:120px;height:120px;border-radius:50%;border:3px solid var(--text-primary);box-shadow:0 10px 30px rgba(0,0,0,.3)}.oklch-code-display{font-family:var(--font-mono);background-color:var(--bg-card);padding:.75rem 1.25rem;border-radius:4px;border:1px solid var(--border-color);font-size:1rem;color:var(--accent-cyan);cursor:pointer}.perf-demo{gap:2rem}.perf-demo,.perf-visualizer{display:flex;flex-direction:column;align-items:center}.perf-visualizer{gap:1rem;background-color:var(--bg-input);padding:2rem;border-radius:8px;width:100%;max-width:450px;border:1px solid var(--border-color)}.thread-indicator{width:80px;height:80px;border:5px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;animation:spinner-spin 1.2s linear infinite;box-shadow:var(--glow-cyan)}.thread-indicator.paused{animation-play-state:paused;border-top-color:var(--accent-magenta);box-shadow:0 0 15px rgba(255,0,255,.3)}@keyframes spinner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.thread-status-label{font-weight:700;font-size:1.1rem;color:var(--accent-green);display:flex;align-items:center;gap:.5rem}.thread-status-label.blocked{color:var(--accent-magenta)}.perf-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-perf-block{background-color:rgba(255,0,255,.1);border:1px solid var(--accent-magenta);color:var(--accent-magenta);padding:.75rem 1.5rem;border-radius:4px;font-family:var(--font-heading);font-weight:700;cursor:pointer;transition:all .2s ease}.btn-perf-block:hover{background-color:var(--accent-magenta);color:var(--bg-dark)}.btn-perf-yield{background-color:rgba(0,255,65,.1);border:1px solid var(--accent-green);color:var(--accent-green);padding:.75rem 1.5rem;border-radius:4px;font-family:var(--font-heading);font-weight:700;cursor:pointer;transition:all .2s ease}.btn-perf-yield:hover{background-color:var(--accent-green);color:var(--bg-dark)}.perf-logs{background-color:rgba(0,0,0,.6);border:1px solid var(--border-color);font-family:var(--font-mono);font-size:.8rem;width:100%;max-width:450px;height:120px;padding:.75rem;border-radius:4px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;color:var(--text-muted)}.log-entry{display:flex;gap:.5rem}.log-time{color:var(--accent-purple)}.log-text.highlight-green{color:var(--accent-green)}.log-text.highlight-magenta{color:var(--accent-magenta)}@container sandbox-container (max-width: 650px){.sandbox-content{padding:1.5rem}.oklch-controls{grid-template-columns:1fr}.perf-actions{flex-direction:column;width:100%}.perf-actions button{width:100%}}.form-demo{max-width:500px;margin:0 auto;gap:1.5rem}.form-demo,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem;position:relative}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group textarea{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);padding:.85rem 1rem;border-radius:4px;font-family:var(--font-body);font-size:.95rem;outline:none;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.form-group textarea{min-height:120px;resize:vertical;field-sizing:content}.form-group input:user-invalid,.form-group textarea:user-invalid{border-color:var(--accent-magenta);background-color:rgba(255,0,255,.05)}.validation-error{font-size:.8rem;color:var(--accent-magenta);display:none;font-weight:500;margin-block-start:.25rem}.form-group input:user-invalid~.validation-error,.form-group textarea:user-invalid~.validation-error{display:block}.form-submit-btn{background-color:var(--bg-input);border:1px solid var(--border-glow);color:var(--accent-green);padding:.85rem;border-radius:4px;font-family:var(--font-heading);font-weight:700;cursor:pointer;transition:all .2s ease}.form-submit-btn:hover{background-color:var(--accent-cyan);color:var(--bg-dark);border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}footer{border-top:1px solid var(--border-color);background-color:rgba(0,0,0,.6);padding:5rem 2rem 4rem;text-align:center}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.footer-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:900;color:var(--accent-cyan);text-shadow:0 0 8px rgba(0,255,255,.5)}.footer-text{color:var(--text-muted);font-size:.95rem;max-width:500px;line-height:1.6}.footer-badges-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-block-start:.5rem}.footer-baseline-badge{background-color:rgba(0,255,65,.08);border:1px solid rgba(0,255,65,.3);color:var(--accent-green);border-radius:4px}.footer-baseline-badge,.footer-security-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.footer-security-badge{background-color:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.3);color:var(--accent-cyan);border-radius:4px;box-shadow:0 0 10px rgba(0,255,255,.15)}.footer-wcag-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:rgba(187,0,255,.08);border:1px solid rgba(187,0,255,.3);color:var(--accent-purple);padding:.4rem .85rem;border-radius:4px;font-size:.8rem;font-weight:600;box-shadow:0 0 10px rgba(187,0,255,.15);transition:all .2s ease}.footer-wcag-badge:hover{color:var(--text-primary);border-color:var(--accent-purple);background-color:rgba(187,0,255,.15);transform:translateY(-1px)}.footer-cf-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:rgba(243,128,32,.08);border:1px solid rgba(243,128,32,.3);color:var(--accent-cf);padding:.4rem .85rem;border-radius:4px;font-size:.8rem;font-weight:600;box-shadow:0 0 10px rgba(243,128,32,.15);transition:all .2s ease}.footer-cf-badge:hover{color:var(--text-primary);border-color:var(--accent-cf);background-color:rgba(243,128,32,.15);transform:translateY(-1px)}.footer-contact{margin-block-start:1rem;font-size:.95rem;color:var(--text-muted)}.footer-email-link{color:var(--accent-cyan);font-weight:600;border-bottom:1px dashed rgba(0,255,255,.4);transition:all .2s ease}.footer-email-link:hover{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.footer-copyright{font-size:.8rem;color:var(--text-muted)}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem;padding:1rem}.hero{padding:6rem 1.5rem 4rem}section{margin-block-end:5rem}}.hero-social-link{color:var(--text-primary);opacity:.8;display:inline-flex;transition:all .2s ease}.hero-social-link:hover{opacity:1;color:var(--accent-cyan);transform:translateY(-2px)}.footer-social-link{color:var(--text-muted);display:inline-flex;transition:color .2s ease}.footer-social-link:hover{color:var(--text-primary)}#matrix-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;opacity:.8;pointer-events:none}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#00ff41;padding:8px;z-index:1000;transition:top .2s;border:2px solid #00ff41}.skip-link:focus{top:0}.terminal-input-wrapper{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-color);padding:0 1rem;border-radius:4px}.terminal-input-wrapper:focus-within{outline:3px solid #00ff41!important;outline-offset:3px!important;border-color:#00ff41}.prompt-symbol{color:#00ff41;font-family:var(--font-mono);font-weight:700;margin-inline-end:.5rem;-webkit-user-select:none;user-select:none}.terminal-input-wrapper input,.terminal-input-wrapper textarea{background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);width:100%;padding:.85rem 0}.terminal-input-wrapper input:focus,.terminal-input-wrapper textarea:focus{outline:none!important}.terminal-textarea-wrapper{align-items:flex-start;padding-block-start:.85rem}.terminal-textarea-wrapper .prompt-symbol{margin-block-start:.1rem}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.agent-node{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;transition:all .3s ease}.agent-node:hover{border-color:var(--border-glow);box-shadow:var(--shadow-neon)}.agent-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-family:var(--font-mono)}.agent-task{font-size:.85rem;color:var(--text-secondary)}.agent-status{width:8px;height:8px;border-radius:50%;position:absolute;top:1.5rem;right:1.5rem}.pulse-green{background:#00ff00;box-shadow:0 0 10px #00ff00;animation:pulse-anim 2s infinite}.pulse-cyan{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan);animation:pulse-anim 2.5s infinite}.pulse-purple{background:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple);animation:pulse-anim 1.8s infinite}@keyframes pulse-anim{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@layer utilities{@keyframes glitch-anim{0%{transform:translate(0);text-shadow:none}20%{transform:translate(-2px,1px);text-shadow:2px 0 var(--accent-magenta),-2px -1px var(--accent-cyan)}40%{transform:translate(2px,-1px);text-shadow:-2px 0 var(--accent-magenta),2px 1px var(--accent-cyan)}60%{transform:translate(-1px,2px);text-shadow:2px 0 var(--accent-magenta),-2px -1px var(--accent-cyan)}80%{transform:translate(1px,-2px);text-shadow:-2px 0 var(--accent-magenta),2px 1px var(--accent-cyan)}to{transform:translate(0);text-shadow:none}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glitch-hover:hover{animation:glitch-anim .3s ease-in-out infinite}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}#cli-overlay::-webkit-scrollbar{width:8px}#cli-overlay::-webkit-scrollbar-track{background:#000}#cli-overlay::-webkit-scrollbar-thumb{background:#00ff00}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}