:root{--green:#0f8;--green-dim:#0f84;--bg:#030303;--bg2:#0a0a0a;--text:#e8e8e8;--muted:#555;--border:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);cursor:none;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;overflow-x:hidden}nav{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030303d9;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--green);letter-spacing:.1em;font-size:1rem;text-decoration:none}.nav-logo:before{content:"> "}nav ul{gap:2.5rem;list-style:none;display:flex}nav ul a{color:var(--muted);letter-spacing:.08em;font-size:.8rem;text-decoration:none;transition:color .2s}nav ul a:before{content:"./";opacity:.4}nav ul a:hover,nav ul a.active{color:var(--green)}.section-container{z-index:1;align-items:center;max-width:1100px;min-height:100vh;margin:0 auto;padding:6rem 3rem;display:flex;position:relative}.hero-wrap{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding-left:clamp(2rem,8vw,10rem);display:flex;position:relative}.status-badge{color:var(--green);letter-spacing:.1em;opacity:0;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.7rem;animation:.6s .1s forwards fadeUp;display:inline-flex}.status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.hero-label{color:var(--green);letter-spacing:.2em;opacity:0;margin-bottom:1.5rem;font-size:.75rem;animation:.6s .3s forwards fadeUp}.hero-label:before{content:"// "}.hero-name{letter-spacing:-.04em;color:var(--text);opacity:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(4rem,12vw,10rem);font-weight:700;line-height:.9;animation:.6s .5s forwards fadeUp}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;position:absolute;top:0;left:0;overflow:hidden}.glitch:before{color:#f06;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);opacity:.7;animation:3s linear infinite glitch1;transform:translate(-3px)}.glitch:after{color:#0af;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);opacity:.7;animation:3s linear infinite glitch2;transform:translate(3px)}.hero-title{color:var(--muted);opacity:0;margin-top:1.5rem;font-size:clamp(1rem,2.5vw,1.4rem);animation:.6s .7s forwards fadeUp}.typed-text{color:var(--green);border-right:2px solid var(--green);animation:1s infinite blink}.hero-cta{opacity:0;align-items:center;gap:1.5rem;margin-top:3rem;animation:.6s 1s forwards fadeUp;display:flex}.btn-primary{border:1px solid var(--green);color:var(--green);letter-spacing:.1em;padding:.85rem 2rem;font-family:monospace;font-size:.85rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--green);z-index:-1;transition:transform .3s;position:absolute;inset:0;transform:translate(-101%)}.btn-primary:hover{color:var(--bg)}.btn-primary:hover:before{transform:translate(0)}.btn-ghost{color:var(--muted);letter-spacing:.05em;font-size:.85rem;text-decoration:none;transition:color .2s}.btn-ghost:hover{color:var(--text)}.scroll-indicator{color:var(--muted);letter-spacing:.15em;opacity:0;align-items:center;gap:1rem;font-size:.7rem;animation:.6s 1.5s forwards fadeUp;display:flex;position:absolute;bottom:3rem;left:clamp(2rem,8vw,10rem)}.scroll-line{background:var(--muted);width:60px;height:1px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--green);width:30px;height:100%;animation:2s infinite scrollAnim;position:absolute}.section-header{width:100%;margin-bottom:3rem}.section-num{color:var(--green);letter-spacing:.2em;margin-bottom:.5rem;font-size:.75rem}.section-num:before{content:"// "}.section-title{letter-spacing:-.03em;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1}.terminal{background:var(--bg2);border:1px solid var(--border);border-radius:8px;width:100%;font-size:.9rem;overflow:hidden}.terminal-bar{border-bottom:1px solid var(--border);background:#1a1a1a;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-title{color:var(--muted);margin-left:auto;margin-right:auto;font-size:.75rem}.terminal-body{padding:1.5rem;line-height:2}.t-line{opacity:0;gap:.75rem;transition:all .3s;display:flex;transform:translateY(4px)}.t-line.visible{opacity:1;transform:translateY(0)}.t-prompt{color:var(--green);flex-shrink:0}.t-cmd{color:var(--text)}.t-out{color:var(--muted);padding-left:1.5rem;display:block}.t-out.highlight{color:var(--text)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;width:100%;display:grid}.project-card{border:1px solid var(--border);background:var(--bg2);padding:2rem;transition:all .3s;position:relative;overflow:hidden}.project-card[data-href]{cursor:pointer}.project-card:before{content:"";background:linear-gradient(135deg, var(--green-dim) 0%, transparent 100%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.project-card:hover{border-color:var(--green);transform:translateY(-4px)}.project-card:hover:before{opacity:1}.project-num{color:var(--green);letter-spacing:.2em;margin-bottom:1rem;font-size:.7rem}.project-name{color:var(--text);letter-spacing:-.02em;margin-bottom:.75rem;font-family:-apple-system,sans-serif;font-size:1.3rem;font-weight:600}.project-desc{color:var(--muted);margin-bottom:1.5rem;font-family:-apple-system,sans-serif;font-size:.85rem;line-height:1.7}.project-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-tag{border:1px solid var(--border);color:var(--muted);letter-spacing:.05em;padding:.25rem .6rem;font-size:.7rem}.project-links{gap:1rem;display:flex}.project-links a{color:var(--muted);font-size:.8rem;text-decoration:none;transition:color .2s}.project-links a:hover{color:var(--green)}.project-corner{border-left:30px solid #0000;border-bottom:30px solid var(--border);width:0;height:0;transition:border-color .3s;position:absolute;bottom:0;right:0}.project-card:hover .project-corner{border-bottom-color:var(--green)}.status-prod{letter-spacing:.08em;color:var(--green);flex-shrink:0;font-size:.7rem}.status-staging{letter-spacing:.08em;color:#f90;flex-shrink:0;font-size:.7rem}.skills-container{grid-template-columns:1fr 1fr;gap:4rem;width:100%;display:grid}.skill-group-title{color:var(--green);letter-spacing:.2em;margin-bottom:2rem;font-size:.75rem}.skill-item{margin-bottom:1.5rem}.skill-header{justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;display:flex}.skill-name{color:var(--text)}.skill-pct{color:var(--green)}.skill-bar{background:var(--border);height:2px;position:relative;overflow:hidden}.skill-fill{background:var(--green);width:0;height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1);position:relative}.skill-fill:after{content:"";background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%;position:absolute;top:-2px;right:0}.contact-content{max-width:600px}.contact-sub{color:var(--muted);margin-bottom:3rem;font-family:-apple-system,sans-serif;font-size:1.1rem;line-height:1.8}.contact-links{flex-direction:column;gap:1rem;display:flex}.contact-link{color:var(--muted);align-items:center;gap:1rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.contact-link:hover{color:var(--green)}.contact-link:before{content:"→";color:var(--green);transition:transform .2s}.contact-link:hover:before{transform:translate(4px)}.footer{z-index:1;border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:2rem 3rem;font-size:.75rem;display:flex;position:relative}.reveal{opacity:0;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}#cursor{background:var(--green);pointer-events:none;z-index:9999;mix-blend-mode:screen;border-radius:50%;width:8px;height:8px;transition:transform .1s;position:fixed}#cursor-ring{border:1px solid var(--green);pointer-events:none;z-index:9998;opacity:.5;mix-blend-mode:screen;border-radius:50%;width:32px;height:32px;transition:all .15s;position:fixed}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{border-color:#0000}}@keyframes pulse{0%,to{box-shadow:0 0 #0f86}50%{box-shadow:0 0 0 6px #0f80}}@keyframes glitch1{0%,90%,to{opacity:0;transform:translate(0)}91%{opacity:.8;transform:translate(-4px)}93%{opacity:.4;transform:translate(2px)}95%{opacity:.8;transform:translate(-2px)}97%{opacity:0;transform:translate(0)}}@keyframes glitch2{0%,90%,to{opacity:0;transform:translate(0)}92%{opacity:.6;transform:translate(4px)}94%{opacity:.8;transform:translate(-2px)}96%{opacity:0;transform:translate(2px)}}@keyframes scrollAnim{0%{left:-30px}to{left:100%}}@media (max-width:768px){nav{padding:1.2rem 1.5rem}nav ul{gap:1.5rem}.section-container{padding:5rem 1.5rem}.hero-wrap{padding-left:1.5rem}.skills-container{grid-template-columns:1fr;gap:2rem}.footer{text-align:center;flex-direction:column;gap:1rem}.scroll-indicator{left:1.5rem}}