:root{--bg-color: #0a0a0a;--surface-color: #111111;--text-primary: #e5e5e5;--text-secondary: #888888;--accent-color: #ffffff;--border-color: #333333;--font-mono: "Courier New", Courier, monospace;font-family:var(--font-mono);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:start;justify-content:center;min-width:320px;min-height:100vh;width:100%}#root{width:100%;max-width:1000px;padding:2rem}h1,h2,h3,h4,h5,h6{font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0;text-shadow:0 0 5px rgba(229,229,229,.3)}a{color:var(--text-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s}a:hover{color:var(--text-secondary)}button{font-family:inherit;cursor:pointer}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border:1px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--text-primary);color:var(--bg-color)}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;pointer-events:none;z-index:9999;opacity:.6;animation:scanlineScroll 10s linear infinite}@keyframes scanlineScroll{0%{background-position:0 0}to{background-position:0 100%}}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.container{display:flex;flex-direction:column;gap:4rem;animation:bootSequence .8s ease-out forwards;opacity:0}@keyframes bootSequence{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:baseline}.section-header h2{position:relative;display:inline-block;color:var(--text-primary)}.section-header h2:before,.section-header h2:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color)}.section-header h2:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.section-header h2:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(34px,9999px,11px,0)}5%{clip:rect(68px,9999px,96px,0)}10%{clip:rect(46px,9999px,3px,0)}15%{clip:rect(23px,9999px,87px,0)}20%{clip:rect(5px,9999px,62px,0)}25%{clip:rect(89px,9999px,14px,0)}30%{clip:rect(2px,9999px,45px,0)}35%{clip:rect(56px,9999px,78px,0)}40%{clip:rect(12px,9999px,34px,0)}45%{clip:rect(67px,9999px,90px,0)}50%{clip:rect(34px,9999px,12px,0)}55%{clip:rect(89px,9999px,56px,0)}60%{clip:rect(23px,9999px,78px,0)}65%{clip:rect(45px,9999px,23px,0)}70%{clip:rect(78px,9999px,90px,0)}75%{clip:rect(12px,9999px,34px,0)}80%{clip:rect(56px,9999px,67px,0)}85%{clip:rect(90px,9999px,12px,0)}90%{clip:rect(34px,9999px,56px,0)}95%{clip:rect(78px,9999px,23px,0)}to{clip:rect(12px,9999px,89px,0)}}@keyframes glitch-anim2{0%{clip:rect(12px,9999px,89px,0)}5%{clip:rect(78px,9999px,23px,0)}10%{clip:rect(34px,9999px,56px,0)}15%{clip:rect(90px,9999px,12px,0)}20%{clip:rect(56px,9999px,67px,0)}25%{clip:rect(12px,9999px,34px,0)}30%{clip:rect(78px,9999px,90px,0)}35%{clip:rect(45px,9999px,23px,0)}40%{clip:rect(23px,9999px,78px,0)}45%{clip:rect(89px,9999px,56px,0)}50%{clip:rect(34px,9999px,12px,0)}55%{clip:rect(67px,9999px,90px,0)}60%{clip:rect(12px,9999px,34px,0)}65%{clip:rect(56px,9999px,78px,0)}70%{clip:rect(2px,9999px,45px,0)}75%{clip:rect(89px,9999px,14px,0)}80%{clip:rect(5px,9999px,62px,0)}85%{clip:rect(23px,9999px,87px,0)}90%{clip:rect(46px,9999px,3px,0)}95%{clip:rect(68px,9999px,96px,0)}to{clip:rect(34px,9999px,11px,0)}}.section-title{font-size:.875rem;color:var(--text-secondary)}.hero{display:flex;flex-direction:column;gap:1.5rem;border:1px solid var(--border-color);padding:2rem}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;color:#0f0;text-transform:uppercase}.status-dot{width:8px;height:8px;background-color:#0f0;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.hero-main{display:flex;flex-direction:column;gap:.5rem}.hero-handle{font-size:3.5rem;line-height:1;letter-spacing:-.02em;position:relative;display:inline-block}.hero-handle:hover{animation:glitch .4s cubic-bezier(.25,.46,.45,.94) both infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-effect{display:inline-block;overflow:hidden;white-space:nowrap;border-right:.1em solid var(--accent-color);width:0;animation:typing 1.5s steps(12) .5s forwards,blink-caret .75s step-end infinite;vertical-align:bottom}@keyframes typing{to{width:12ch}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent-color)}}.hero-role{font-size:1.25rem;color:var(--text-secondary);font-weight:400}.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;font-size:.875rem;color:var(--text-secondary);margin-top:1rem;border-top:1px solid var(--border-color);padding-top:1rem}.about-text{width:100%;font-size:1rem}.about-list{margin-top:1.5rem;list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.about-list li{display:flex;gap:1rem}.about-list strong{color:var(--text-primary);min-width:160px;flex-shrink:0}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.tech-category h3{font-size:.75rem;color:var(--text-secondary);margin-bottom:1rem}.tech-items{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{font-size:.875rem;padding:.25rem .5rem;background-color:var(--surface-color);border:1px solid var(--border-color);transition:all .2s;cursor:default}.tech-badge:hover{border-color:var(--text-primary);background-color:var(--border-color)}.protocols-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.protocol-card{border:1px solid var(--border-color);padding:1.5rem}.protocol-header{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.75rem;color:var(--text-secondary)}.protocol-name{font-size:1.125rem;margin-bottom:.5rem;color:var(--text-primary)}.modules-list{display:flex;flex-direction:column;gap:1.5rem}.module-card{display:grid;grid-template-columns:200px 1fr;gap:2rem;padding:1.5rem;border:1px solid var(--border-color);align-items:start;position:relative;transition:background-color .3s}.module-card:hover{background-color:#ffffff05}.module-card:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--text-primary);border-left:2px solid var(--text-primary)}.module-card:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--text-primary);border-right:2px solid var(--text-primary)}.project-legend{display:flex;justify-content:flex-end;gap:2rem;margin-bottom:1rem;font-size:.75rem;color:var(--text-secondary);padding:.5rem 0;border-bottom:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:6px;height:6px;border-radius:50%}.legend-dot.public{background-color:#0f0;box-shadow:0 0 5px #0f0}.legend-dot.private{background-color:#f33;box-shadow:0 0 5px #f33}.module-header{display:flex;align-items:center;gap:.75rem}.module-status-light{width:6px;height:6px;background-color:#f33;border-radius:50%;box-shadow:0 0 5px #f33;animation:pulse 3s infinite}.repo-status-light{width:6px;height:6px;background-color:#0f0;border-radius:50%;box-shadow:0 0 5px #0f0;animation:pulse 3s infinite}.module-category{font-size:.875rem;font-weight:700;color:var(--text-primary)}.module-content p{margin:0 0 1rem;color:var(--text-secondary)}.module-tech{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.repo-card{text-decoration:none;cursor:pointer}.repo-card:hover{border-color:var(--accent-color)}.repo-icon{font-size:.75rem;color:var(--accent-color);font-weight:700}@media(max-width:768px){.module-card{grid-template-columns:1fr;gap:1rem}.hero-handle{font-size:2rem;word-break:break-all}}
