*{margin:0;padding:0;box-sizing:border-box}body{font-family:Share Tech Mono,monospace;background:#0a0a0a;color:#00ff41;line-height:1.6;min-height:100vh;overflow-x:hidden}.scanline{position:fixed;top:0;left:0;width:100%;height:200%;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.5) 2px,rgba(0,0,0,.5) 4px);pointer-events:none;z-index:1000;animation:scanline 8s linear infinite;opacity:.3}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(50%)}}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.03) 2px,rgba(0,255,65,.03) 4px);pointer-events:none}@keyframes flicker{0%,to{opacity:.97}50%{opacity:1}}.flicker{animation:flicker .15s infinite}nav{position:sticky;top:0;z-index:100;background:#000000e6;border-bottom:2px solid #00ff41;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.nav-btn{background:none;border:none;color:#00ff41;font-family:Share Tech Mono,monospace;font-size:14px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:color .3s}.nav-btn:hover,.nav-btn.active{color:#0ff}.container{max-width:1200px;margin:0 auto;padding:40px 20px;position:relative;z-index:10}header{text-align:center;margin-bottom:60px;border:4px solid #00ff41;padding:40px;background:#00ff410d;box-shadow:0 0 20px #00ff414d;position:relative}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}header:before{content:">";position:absolute;left:15px;top:15px;font-size:24px;animation:blink 1s infinite}h1{font-family:VT323,monospace;font-size:72px;margin-bottom:10px;text-shadow:0 0 10px #00ff41;letter-spacing:4px}.subtitle{font-size:18px;color:#0c3;margin-top:10px}.tagline{font-size:14px;color:#092;margin-top:20px;font-style:italic}.language-section{margin-bottom:60px;border:2px solid #00ff41;padding:30px;background:#0009;box-shadow:0 0 15px #00ff4133}.language-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px dashed #00ff41}.language-logo{width:60px;height:60px;font-size:48px;display:flex;align-items:center;justify-content:center}.language-title{font-family:VT323,monospace;font-size:36px;color:#00ff41;text-shadow:0 0 8px #00ff41}.project{margin-bottom:30px;padding:20px;border-left:4px solid #00cc33;background:#00ff4108;transition:all .3s ease;cursor:pointer}.project:hover{background:#00ff4114;border-left-width:8px;transform:translate(5px)}.project-title{font-size:24px;color:#00ff41;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;margin-bottom:15px}.project-title:hover{color:#0ff;text-shadow:0 0 10px #00ffff}.project-title:before{content:">";color:#0c3}.project-description{margin:15px 0;color:#0c3;font-size:14px}.tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.tag{padding:5px 12px;border:1px solid #00ff41;font-size:12px;background:#00ff411a;color:#00ff41;transition:all .3s ease;cursor:default}.tag:hover{background:#00ff4133;box-shadow:0 0 10px #00ff414d}.tag.subject{border-color:#ff0;color:#ff0;background:#ffff001a}.tag.subject:hover{background:#ff03;box-shadow:0 0 10px #ffff004d}.contact-item{display:flex;align-items:center;gap:15px;margin-bottom:15px;color:#0c3;transition:color .3s}.contact-item:hover{color:#0ff}.contact-item a{color:inherit;text-decoration:none}.contact-item a:hover{text-decoration:underline}footer{text-align:center;padding:40px 20px;border-top:2px solid #00ff41;margin-top:60px;color:#092}@media(max-width:768px){h1{font-size:48px}.language-header{flex-direction:column;text-align:center}.nav-container{gap:15px}}