@font-face{font-family:"0xProto";src:url(/fonts/0xProto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"0xProto";src:url(/fonts/0xProto-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"0xProto";src:url(/fonts/0xProto-Italic.ttf) format("truetype");font-weight:400;font-style:italic}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a0a;color:#e0e0e0;font-family:Satoshi,sans-serif;line-height:1.6;font-size:14px;overflow-x:hidden}.container{max-width:800px;margin:0 auto;padding:40px 20px}header{margin-bottom:40px;border-bottom:1px solid #333;padding-bottom:20px}h1{font-family:"0xProto",monospace;font-size:32px;margin-bottom:10px;position:relative;display:inline-block}.role{font-family:"0xProto",monospace;font-size:16px;color:#888;margin-bottom:10px}.open-to-work-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .6rem .25rem .5rem;border-radius:999px;background:#00ff0014;color:#0f0;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:20px}.status-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#0f0}.status-dot:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #00ff00;opacity:0;animation:pulse 1.6s cubic-bezier(.22,.61,.36,1) infinite}nav{display:flex;gap:10px;flex-wrap:wrap}.btn{background-color:transparent;border:1px solid #333;color:#e0e0e0;padding:8px 16px;text-decoration:none;font-family:inherit;font-size:14px;transition:all .2s ease;position:relative;overflow:hidden}.btn:hover{background-color:#1a1a1a;border-color:#0f0;color:#0f0}section{margin-bottom:40px;border-bottom:1px solid #333;padding-bottom:20px}h2{font-family:"0xProto",monospace;font-size:20px;margin-bottom:20px;color:#0f0}.experience-item,.project-item{margin-bottom:25px;padding-left:20px;border-left:1px solid #333;position:relative}.experience-item:before,.project-item:before{content:"";position:absolute;left:-4px;top:6px;width:7px;height:7px;background-color:#0a0a0a;border:1px solid #00ff00}.company,.project-title{font-weight:700;margin-bottom:5px}.company a,.project-title a{color:#e0e0e0;text-decoration:underline;transition:color .2s ease}.company a:hover,.project-title a:hover{color:#0f0}.period,.status{color:#888;font-size:12px;margin-bottom:10px}ul{list-style-type:none;padding-left:0}li{margin-bottom:8px;padding-left:15px;position:relative}li:before{content:">";position:absolute;left:0;color:#0f0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.skill-category{border:1px solid #333;padding:10px}.skill-category h3{font-size:14px;margin-bottom:10px;color:#888}footer{margin-top:40px;padding-top:20px}.footer-text{color:#888;font-size:12px}.footer-text a{text-decoration:underline;color:#888;transition:color .2s ease}.footer-text a:hover{color:#0f0}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.glitch:before{left:2px;text-shadow:-1px 0 #ff00ff;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 #00ffff;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(80px,9999px,90px,0)}10%{clip:rect(10px,9999px,50px,0)}15%{clip:rect(40px,9999px,20px,0)}20%{clip:rect(70px,9999px,60px,0)}25%{clip:rect(20px,9999px,80px,0)}30%{clip:rect(50px,9999px,30px,0)}35%{clip:rect(90px,9999px,10px,0)}40%{clip:rect(10px,9999px,70px,0)}45%{clip:rect(60px,9999px,40px,0)}50%{clip:rect(30px,9999px,90px,0)}55%{clip:rect(80px,9999px,20px,0)}60%{clip:rect(20px,9999px,60px,0)}65%{clip:rect(50px,9999px,30px,0)}70%{clip:rect(90px,9999px,10px,0)}75%{clip:rect(10px,9999px,80px,0)}80%{clip:rect(60px,9999px,40px,0)}85%{clip:rect(30px,9999px,70px,0)}90%{clip:rect(70px,9999px,20px,0)}95%{clip:rect(20px,9999px,90px,0)}to{clip:rect(50px,9999px,60px,0)}}@keyframes glitch-anim2{0%{clip:rect(60px,9999px,10px,0)}5%{clip:rect(20px,9999px,50px,0)}10%{clip:rect(80px,9999px,20px,0)}15%{clip:rect(30px,9999px,70px,0)}20%{clip:rect(70px,9999px,40px,0)}25%{clip:rect(10px,9999px,60px,0)}30%{clip:rect(50px,9999px,30px,0)}35%{clip:rect(90px,9999px,10px,0)}40%{clip:rect(40px,9999px,80px,0)}45%{clip:rect(20px,9999px,60px,0)}50%{clip:rect(60px,9999px,30px,0)}55%{clip:rect(80px,9999px,90px,0)}60%{clip:rect(10px,9999px,20px,0)}65%{clip:rect(50px,9999px,60px,0)}70%{clip:rect(90px,9999px,40px,0)}75%{clip:rect(30px,9999px,10px,0)}80%{clip:rect(70px,9999px,70px,0)}85%{clip:rect(20px,9999px,50px,0)}90%{clip:rect(60px,9999px,30px,0)}95%{clip:rect(90px,9999px,90px,0)}to{clip:rect(10px,9999px,20px,0)}}@keyframes pulse{0%{opacity:.75;transform:scale(1)}70%{opacity:.15;transform:scale(3)}to{opacity:0;transform:scale(3)}}@media(max-width:600px){.container{padding:20px 15px}h1{font-size:24px}.open-to-work-badge{font-size:10px;padding:.2rem .4rem .2rem .3rem}.status-dot{width:6px;height:6px}.skills-grid{grid-template-columns:1fr}}.font-mono{font-family:"0xProto",monospace}code{font-family:"0xProto",monospace;background-color:#1a1a1a;padding:.2em .4em;border-radius:4px;font-size:.9em;color:#0f0}pre{font-family:"0xProto",monospace;background-color:#1a1a1a;padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid #333}pre code{background-color:transparent;padding:0;color:#e0e0e0}