:root{--background-color: transparent;--text-color: #e0e0e0;--cursor-color: #00ff9d;--primary-glow: #80D0FF;--secondary-glow: #E040FB;--background-dark: #010108}body{margin:0;padding:0;font-family:Consolas,Menlo,Monaco,monospace;background-color:var(--background-dark);color:var(--text-color);overflow-y:auto}.container{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;width:100vw;padding:10vh 2rem 2rem 2rem;box-sizing:border-box;position:relative;z-index:1}.main-content{text-align:center}.logo-placeholder{height:320px;width:100%;display:flex;align-items:center;justify-content:center}.logo-image{width:300px;height:300px;object-fit:contain;animation:logoAppear .6s cubic-bezier(.4,0,.2,1)}.logo-disappear{animation:logoDisappear .6s cubic-bezier(.4,0,.2,1) forwards}h1{font-size:3rem;font-weight:500;letter-spacing:.1em;min-height:4rem}.cursor{display:inline-block;width:10px;height:3rem;background-color:var(--cursor-color);margin-left:8px;animation:blink 1s infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes logoAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes logoDisappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (max-width: 768px){.container{padding-top:5vh}.logo-placeholder{height:320px}.logo-image{width:300px;height:300px}h1{font-size:2rem;min-height:2.5rem}.cursor{height:2rem}}.projects-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:8rem}.project-item{display:flex;align-items:center;gap:1.25rem;text-decoration:none;color:inherit;padding:.5rem 1rem;border-radius:8px;transition:transform .2s ease-in-out,box-shadow .3s ease-in-out}.project-item:hover{transform:scale(1.05);box-shadow:0 0 15px #80d0ff66}.project-icon{width:50px;height:50px}.project-name{font-size:1.5rem;font-weight:500;letter-spacing:.05em}@media (max-width: 768px){.project-name{font-size:1.2rem}}.site-footer{position:fixed;bottom:0;left:0;width:100%;padding:1.5rem;box-sizing:border-box}.footer-icon-bar{display:flex;justify-content:center;align-items:center;gap:1.75rem}.icon-link{color:var(--text-color);opacity:.6;transition:all .2s ease-in-out;display:inline-block}.icon-link:hover{opacity:1;transform:scale(1.15) translateY(-3px)}.icon-link.github:hover{color:#fff}.icon-link.linkedin:hover{color:#0a66c2}.icon-link.docker:hover{color:#2496ed}.icon-link.pypi:hover{color:#3775a9}.icon-link svg{width:32px;height:32px;display:block}#neural-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.visitor-counter{position:fixed;top:1.5rem;right:2rem;text-align:right;font-family:Consolas,Menlo,Monaco,monospace;z-index:100;color:var(--text-color);opacity:.7;transition:opacity .3s ease-in-out}.visitor-counter:hover{opacity:1}.counter-label{margin:0;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#888}.counter-value{position:relative;margin:0;font-size:1.5rem;font-weight:500;letter-spacing:.1em;color:var(--cursor-color);text-shadow:0 0 5px rgba(0,255,157,.5);cursor:help;transition:text-shadow .3s ease}.counter-value:hover{text-shadow:0 0 8px rgba(128,208,255,.8)}.glitch{animation:glitch-main 4s infinite linear alternate-reverse}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background-dark);overflow:hidden}.glitch:before{left:2px;text-shadow:-2px 0 var(--primary-glow);animation:glitch-pseudo 2s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 var(--secondary-glow),2px 2px var(--primary-glow);animation:glitch-pseudo 3s infinite linear alternate-reverse}@keyframes glitch-main{0%{transform:translate(0)}5%{transform:translate(2px,-3px)}10%{transform:translate(-2px,2px)}15%{transform:translate(0)}to{transform:translate(0)}}@keyframes glitch-pseudo{0%{clip-path:inset(50% 0 49% 0)}10%{clip-path:inset(90% 0 1% 0)}20%{clip-path:inset(20% 0 75% 0)}30%{clip-path:inset(60% 0 30% 0)}40%{clip-path:inset(10% 0 5% 0)}50%{clip-path:inset(95% 0 2% 0)}60%{clip-path:inset(40% 0 55% 0)}70%{clip-path:inset(80% 0 10% 0)}80%{clip-path:inset(5% 0 90% 0)}90%{clip-path:inset(50% 0 45% 0)}to{clip-path:inset(98% 0 1% 0)}}@media (max-width: 768px){.visitor-counter{top:1rem;right:1rem}.counter-value{font-size:1.2rem}}