@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Space+Mono:wght@400;700&display=swap');

:root{--bg:#010508;--panel:rgba(2,10,15,.88);--cyan:#00f6ff;--teal:#00ffd5;--pink:#ff2bd6;--text:#d8ffff;--muted:#73a9ac}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Mono",monospace;overflow-x:hidden}
a{color:inherit}.grid{position:fixed;inset:0;z-index:-4;background-image:linear-gradient(rgba(0,246,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,246,255,.035) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.scanlines{position:fixed;inset:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,255,213,.025) 4px)}
#matrix{position:fixed;inset:0;width:100%;height:100%;z-index:-5;opacity:.10}
.navbar{height:70px;padding:0 2.3vw;display:flex;align-items:center;gap:30px;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(0,6,10,.92);border-bottom:1px solid rgba(0,246,255,.6);box-shadow:0 0 18px rgba(0,246,255,.06)}
.brand{font:700 21px "Share Tech Mono";text-decoration:none;color:var(--cyan);white-space:nowrap;text-shadow:0 0 12px rgba(0,246,255,.5)}.brand-mark{font-size:26px;margin-right:8px}.dim{color:#fff}
nav{display:flex;gap:28px;align-items:center}nav a{font:12px "Share Tech Mono";text-decoration:none;color:#9bc4c7;white-space:nowrap}nav a:hover,nav a.active{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}
.online{font:11px "Share Tech Mono";color:var(--teal);white-space:nowrap}.online i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal);margin-right:7px;animation:pulse 1.4s infinite}
.hero{min-height:560px;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,246,255,.35);display:flex;align-items:center;padding:70px 2.5vw}.hero-bg{position:absolute;inset:0;background-image:url("assets/cyberpunk-reference.png");background-size:cover;background-position:center;filter:saturate(1.1) contrast(1.08);z-index:-3}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,4,7,.92) 0%,rgba(0,4,7,.58) 33%,rgba(0,4,7,.18) 64%,rgba(0,4,7,.72) 100%),linear-gradient(0deg,rgba(0,5,8,.45),transparent 45%,rgba(0,4,7,.45))}
.terminal,.identity-panel,.status-panel,.card,.mission{border:1px solid rgba(0,246,255,.62);background:var(--panel);box-shadow:inset 0 0 25px rgba(0,246,255,.025),0 0 18px rgba(0,246,255,.045)}
.terminal{position:absolute;left:1.2vw;top:30px;width:210px;padding:16px;color:var(--teal);font:12px/1.65 "Share Tech Mono"}.terminal-head{padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid rgba(0,246,255,.3);color:var(--cyan)}.cursor{animation:blink .7s infinite}
.identity-panel{position:absolute;left:1.2vw;top:170px;width:210px;padding:14px;display:flex;gap:12px;font:10px/1.65 "Share Tech Mono";color:var(--cyan)}.identity-panel b{display:block}.icon{font-size:34px}
.left-tags{position:absolute;left:1.3vw;bottom:35px;display:flex;flex-direction:column;gap:5px;color:var(--cyan);font:12px "Share Tech Mono"}
.hero-copy{width:560px;margin-left:240px;z-index:2}.eyebrow{color:var(--teal);letter-spacing:4px;font:17px "Share Tech Mono";margin:0 0 7px}.glitch{position:relative;font:700 clamp(72px,9vw,118px)/.86 "Share Tech Mono";letter-spacing:3px;margin:8px 0 18px;color:#f4ffff;text-shadow:5px 0 var(--cyan),-4px 0 var(--pink);animation:flicker 5s infinite,glitch 4s infinite}.hero-copy h2{font:700 18px "Share Tech Mono";margin:0}.hero-copy h2 strong{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.uni{color:var(--cyan);font-weight:700}.quote{border-left:2px solid var(--teal);padding-left:14px;color:#c5e8ea;line-height:1.55;font-size:13px;margin:25px 0}
.actions{display:flex;gap:15px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 22px;border:1px solid var(--cyan);text-decoration:none;color:var(--cyan);font:12px "Share Tech Mono";background:rgba(0,246,255,.03);transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 0 22px rgba(0,246,255,.35);background:var(--cyan);color:#001014}.btn.primary{background:var(--teal);color:#001014;box-shadow:0 0 18px rgba(0,255,213,.3)}
.cyber-message{position:absolute;right:7vw;top:80px;color:var(--teal);font:15px/1.6 "Share Tech Mono";letter-spacing:2px;text-shadow:0 0 9px rgba(0,255,213,.35)}.social-rail{position:absolute;right:1.1vw;top:95px;display:flex;flex-direction:column;gap:12px;padding:10px;border:1px solid rgba(0,246,255,.6);border-radius:10px}.social-rail a{width:28px;height:28px;display:grid;place-items:center;text-decoration:none;color:var(--cyan);font:bold 15px "Share Tech Mono"}.social-rail a:hover{color:#fff;text-shadow:0 0 12px var(--cyan)}
.status-panel{position:absolute;right:1.5vw;bottom:28px;width:205px;padding:14px}.status-panel h3{font:14px "Share Tech Mono";color:var(--teal);margin:0 0 13px}.status-row{display:grid;grid-template-columns:34px 1fr 33px;gap:7px;align-items:center;font:10px "Share Tech Mono";margin:10px 0}.status-row div,.skill>div{height:7px;background:#08242b;border:1px solid rgba(0,246,255,.25);overflow:hidden}.status-row i,.skill i{display:block;height:100%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);animation:load 1.4s ease-out}
.dashboard{max-width:1240px;margin:18px auto 0;padding:0 15px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.card{padding:22px;min-height:300px}.card h2{font:16px "Share Tech Mono";color:var(--cyan);margin:0 0 20px}.card p{font-size:12px;line-height:1.7;color:#b5dfe2}.about-content{display:grid;grid-template-columns:150px 1fr;gap:18px}.portrait{min-height:190px;border:1px solid var(--cyan);background:linear-gradient(135deg,#02080d,#0b1920 45%,#02151c);display:flex;align-items:flex-end;padding:10px;color:var(--cyan);font:10px "Share Tech Mono";box-shadow:inset 0 0 30px rgba(0,246,255,.08)}.facts{list-style:none;padding:0;margin:14px 0;color:var(--cyan);font-size:11px;line-height:2}.skill{display:grid;grid-template-columns:1fr 42px;gap:6px;margin:14px 0;font-size:11px}.skill b{color:var(--teal)}.skill>div{grid-column:1/-1}
.project{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,246,255,.18);text-decoration:none;transition:.2s}.project:hover{transform:translateX(6px);color:var(--cyan)}.project-icon{width:42px;height:42px;border:1px solid var(--cyan);display:grid;place-items:center;font-size:20px}.project div{flex:1}.project strong,.project small{display:block}.project strong{font-size:12px}.project small{font-size:9px;color:var(--muted);margin-top:4px}.project em{font-size:25px;color:var(--cyan);font-style:normal}
.mission{max-width:1100px;margin:25px auto 45px;padding:18px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.mini-terminal{font:10px/1.6 "Share Tech Mono";color:var(--teal)}.mission h2{font:24px "Share Tech Mono";letter-spacing:3px;color:#fff;text-shadow:0 0 10px var(--cyan);margin:0}
footer{border-top:1px solid rgba(0,246,255,.3);padding:22px 4vw;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font:10px "Share Tech Mono"}footer b,.neon{color:var(--teal)}
.about-page{max-width:1100px;margin:auto;padding:85px 25px;min-height:calc(100vh - 140px)}.about-page h1{font-size:clamp(58px,9vw,105px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.quote-line{color:var(--cyan)!important;border-left:2px solid var(--cyan);padding-left:14px}

@keyframes pulse{50%{opacity:.25}}@keyframes blink{50%{opacity:0}}@keyframes load{from{width:0}}@keyframes flicker{0%,18%,22%,63%,64%,65%,100%{opacity:1}20%,62%{opacity:.75}}@keyframes glitch{0%,90%,100%{transform:translate(0)}91%{transform:translate(-3px,2px)}92%{transform:translate(3px,-2px)}93%{transform:translate(-2px,0)}}

@media(max-width:1050px){nav{gap:12px}.terminal,.identity-panel,.left-tags{display:none}.hero-copy{margin-left:0}.cyber-message{right:8vw}.dashboard{grid-template-columns:1fr}.mission{margin:25px 15px 40px}}
@media(max-width:700px){.navbar{height:auto;padding:14px;flex-wrap:wrap}.brand{font-size:18px}nav{order:3;width:100%;overflow:auto}.online{display:none}.hero{min-height:650px;padding:60px 20px;align-items:center}.hero-copy{width:100%}.glitch{font-size:65px}.cyber-message,.social-rail,.status-panel{display:none}.hero-copy h2{font-size:14px}.quote{font-size:11px}.dashboard{padding:0 12px}.about-content{grid-template-columns:1fr}.mission{flex-direction:column;align-items:flex-start}.mission h2{font-size:19px}footer{flex-direction:column}}