:root{--green:#00ff41;--green-dim:#0c3;--green-glow:#00ff414d;--green-subtle:#00ff4112;--bg:#0a0a0a;--bg-card:#0f0f0f;--bg-terminal:#111;--bg-header:#161616;--white:#fff;--white-dim:#ffffffc7;--white-muted:#ffffff6b;--border:#00ff4138;--border-faint:#ffffff0f;--red:#ff5f56;--yellow:#ffbd2e;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--radius-sm:4px;--radius-md:8px;--transition:.22s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:52px;font-size:14px}body{background:var(--bg);color:var(--white-dim);font-family:var(--font-mono);line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--green-dim)}.green{color:var(--green)}.white{color:var(--white)}.comment{color:#00ff417a;font-style:italic}.highlight{color:var(--green);font-weight:600}.symbol{color:var(--green)}.bracket{color:var(--green-dim)}.container{max-width:1040px;margin:0 auto;padding:0 clamp(14px,4vw,28px)}.scanlines{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000012 2px 4px);position:fixed;inset:0}.nav{z-index:100;background:var(--bg-header);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 clamp(12px,3vw,24px);display:flex;position:sticky;top:0}.nav-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-title{color:var(--green);opacity:.82;margin-left:6px;font-size:12px}.dots{gap:6px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.dot-red{background:var(--red);box-shadow:0 0 5px var(--red)}.dot-yellow{background:var(--yellow);box-shadow:0 0 5px var(--yellow)}.dot-green{background:var(--green);box-shadow:0 0 5px var(--green-glow)}.nav-links{gap:2px;list-style:none;display:flex}.nav-link{color:var(--white-muted);border-radius:var(--radius-sm);transition:all var(--transition);border:1px solid #0000;padding:4px 11px;font-size:12px;text-decoration:none}.nav-link:before{content:"./";color:var(--green);opacity:0;transition:opacity var(--transition)}.nav-link:hover:before{opacity:1}.nav-link:hover{color:var(--green);border-color:var(--border);background:var(--green-subtle)}.nav-time{color:var(--green);opacity:.6;text-align:right;flex-shrink:0;min-width:55px;font-size:11px}@media (max-width:640px){.nav-links{display:none}}.terminal-window{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-terminal);overflow:hidden;box-shadow:0 0 40px #00ff410a,0 20px 60px #00000080}.terminal-header{background:var(--bg-header);border-bottom:1px solid var(--border-faint);align-items:center;gap:7px;padding:9px 16px;display:flex}.terminal-title{color:var(--white-muted);margin-left:6px;font-size:12px}.terminal-body{padding:clamp(14px,3vw,24px)}.t-line{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.prompt{color:var(--green);white-space:nowrap;font-size:13px;font-weight:600}.command{color:var(--white);font-size:13px}.output-block{margin-bottom:14px}.section-header{letter-spacing:2px;margin-bottom:22px;font-size:14px;font-weight:700}.cursor-blink{color:var(--green);font-size:16px;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.section{padding:clamp(40px,7vw,72px) 0}.hero-section{flex-direction:column;justify-content:center;min-height:calc(100dvh - 48px);padding:clamp(48px,10vw,96px) 0 clamp(40px,7vw,72px);display:flex}.ascii-art pre{color:var(--green);text-shadow:0 0 10px var(--green-glow);font-size:clamp(5px,1vw,11px);line-height:1.15;font-family:var(--font-mono);white-space:pre;overflow-x:auto}.hero-info{margin:14px 0}.hero-info p{flex-wrap:wrap;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.key-label{color:var(--white-muted);flex-shrink:0;min-width:76px}.val{color:var(--white)}.blink-green{color:var(--green);text-shadow:0 0 6px var(--green-glow);animation:1.6s infinite blink}.hero-tagline{margin-top:10px;font-size:12px}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.btn{color:var(--green);border:1px solid var(--green);border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;align-items:center;padding:9px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--green);transition:transform var(--transition);position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(0)}.btn:hover{color:var(--bg);box-shadow:0 0 18px var(--green-glow)}.btn span{z-index:1;position:relative}.btn-secondary{color:var(--white-muted);border-color:var(--border-faint)}.btn-secondary:before{background:var(--white-muted)}.btn-secondary:hover{color:var(--bg);box-shadow:none}.about-grid{grid-template-columns:auto 1fr;align-items:start;gap:32px;display:grid}@media (max-width:640px){.about-grid{grid-template-columns:1fr}}.avatar-frame{width:140px;height:140px}.avatar-inner{border:2px solid var(--green);background:var(--green-subtle);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:3s infinite pulse-border;display:flex;position:relative}.avatar-inner svg{width:64px;height:64px}@keyframes pulse-border{0%,to{box-shadow:0 0 20px var(--green-glow)}50%{box-shadow:0 0 36px #00ff417a}}.avatar-deco{border:1px dashed #00ff4147;border-radius:50%;animation:22s linear infinite spin;position:absolute;inset:-9px}@keyframes spin{to{transform:rotate(360deg)}}.status-dot{text-align:center;color:var(--green);justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.pulse-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 5px var(--green);border-radius:50%;animation:1.6s infinite blink}.about-p{color:var(--white-dim);margin-bottom:11px;font-size:13px}.stats-grid{flex-wrap:wrap;gap:18px;margin-top:18px;display:flex}.stat-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--green-subtle);flex-direction:column;align-items:center;min-width:82px;padding:10px 14px;display:flex}.stat-num{text-shadow:0 0 10px var(--green-glow);font-size:22px;font-weight:700}.stat-label{color:var(--white-muted);text-align:center;margin-top:3px;font-size:10px}.skills-categories{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:22px;display:grid}.skill-cat-title{color:var(--green);align-items:center;gap:7px;margin-bottom:13px;font-size:13px;font-weight:700;display:flex}.skill-item{grid-template-columns:150px 1fr 38px;align-items:center;gap:9px;margin-bottom:9px;display:grid}.skill-name{color:var(--white-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.skill-bar{background:#ffffff0f;border-radius:3px;height:5px;overflow:hidden}.skill-fill{background:linear-gradient(to right,var(--green-dim),var(--green));width:0;height:100%;box-shadow:0 0 5px var(--green-glow);border-radius:3px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skill-pct{color:var(--green);text-align:right;font-size:11px}@media (max-width:480px){.skill-item{grid-template-columns:1fr}.skill-pct{display:none}}.tech-tags{flex-wrap:wrap;gap:7px;margin-top:6px;display:flex}.tag{background:var(--green-subtle);border:1px solid var(--border);color:var(--green);border-radius:var(--radius-sm);cursor:default;transition:all var(--transition);padding:3px 9px;font-size:11px}.tag:hover{background:var(--green);color:var(--bg)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:14px;display:grid}.project-card{border:1px solid var(--border);background:var(--bg-card);transition:all var(--transition);border-radius:6px;padding:16px;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(to right,transparent,var(--green),transparent);opacity:0;height:2px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 8px 28px #00ff4117}.project-card:hover:before{opacity:1}.project-card-header{align-items:center;gap:7px;margin-bottom:9px;display:flex}.project-name{color:var(--green);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.project-lang{color:var(--white-muted);border:1px solid var(--border-faint);border-radius:3px;padding:2px 6px;font-size:10px}.project-desc{color:var(--white-muted);margin-bottom:11px;font-size:12px;line-height:1.6}.project-tags{flex-wrap:wrap;gap:5px;margin-bottom:11px;display:flex}.ptag{color:var(--green-dim);background:#00ff410f;border:1px solid #00ff4124;border-radius:2px;padding:2px 7px;font-size:10px}.project-footer{border-top:1px solid var(--border-faint);justify-content:space-between;align-items:center;padding-top:9px;display:flex}.project-status{font-size:11px}.project-status.live{color:var(--green)}.project-status.git{color:#bd9fff}.project-status.doc{color:var(--yellow)}.project-link{color:var(--green);opacity:.7;transition:all var(--transition);font-size:12px;text-decoration:none}.project-link:hover{opacity:1;letter-spacing:.5px}.timeline{padding-left:22px;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:8px;bottom:0;left:6px}.timeline-item{margin-bottom:26px;position:relative}.timeline-dot{border:2px solid var(--green);background:var(--bg);width:12px;height:12px;box-shadow:0 0 7px var(--green-glow);border-radius:50%;position:absolute;top:6px;left:-22px}.timeline-content{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;padding:14px 18px}.tl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px;display:flex}.tl-title{color:var(--white);font-size:13px;font-weight:600}.tl-year{color:var(--green);opacity:.82;font-size:11px}.tl-sub{color:var(--green-dim);margin-bottom:7px;font-size:12px;display:block}.tl-desc{color:var(--white-muted);margin-bottom:9px;font-size:12px;line-height:1.6}.tl-badges{flex-wrap:wrap;gap:7px;display:flex}.badge{border:1px solid var(--border);color:var(--white-muted);background:var(--green-subtle);border-radius:3px;padding:2px 9px;font-size:11px}.badge-cert{border-color:var(--green);color:var(--green)}.contact-intro{color:var(--white-muted);margin-bottom:22px;font-size:13px}.contact-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (max-width:640px){.contact-grid{grid-template-columns:1fr}}.contact-links{flex-direction:column;gap:9px;display:flex}.contact-item{border:1px solid var(--border);background:var(--bg-card);transition:all var(--transition);border-radius:6px;align-items:center;gap:11px;padding:11px 14px;text-decoration:none;display:flex}.contact-item:hover{border-color:var(--green);background:var(--green-subtle);transform:translate(4px)}.contact-icon{flex-shrink:0;font-size:17px}.contact-label{color:var(--green);flex-shrink:0;width:68px;font-size:12px;font-weight:600}.contact-val{color:var(--white-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.form-prompt{margin-bottom:13px}.form-comment{color:#00ff4175;font-size:12px;font-style:italic}.term-form{flex-direction:column;gap:11px;display:flex}.form-group{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--green);align-items:center;gap:7px;font-size:12px;display:flex}.prompt-mini{color:var(--green);font-weight:700}.form-input{background:var(--bg-header);border:1px solid var(--border);color:var(--white);font-family:var(--font-mono);border-radius:var(--radius-sm);transition:border-color var(--transition);outline:none;width:100%;padding:8px 11px;font-size:13px}.form-input:focus{border-color:var(--green);box-shadow:0 0 0 2px #00ff411a}.form-input::placeholder{color:var(--white-muted)}.form-textarea{resize:vertical;min-height:86px}.form-success{color:var(--green);border:1px solid var(--green);border-radius:var(--radius-sm);background:var(--green-subtle);padding:9px 13px;font-size:13px}.mini-term-fab{background:var(--bg-header);border:1px solid var(--green);width:50px;height:50px;color:var(--green);font-family:var(--font-mono);cursor:pointer;z-index:1000;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:17px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 0 14px #00ff412e}.mini-term-fab:hover{background:var(--green);color:var(--bg);box-shadow:0 0 24px var(--green-glow);transform:scale(1.07)}.mini-term{border:1px solid var(--green);border-radius:var(--radius-md);background:var(--bg-terminal);z-index:999;width:min(400px,100vw - 30px);position:fixed;bottom:84px;right:22px;overflow:hidden;box-shadow:0 0 28px #00ff4121}.mini-term-header{background:var(--bg-header);color:var(--green);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 13px;font-size:12px;display:flex}.mini-term-close{color:var(--white-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-size:14px}.mini-term-close:hover{color:var(--red)}.mini-term-output{min-height:110px;max-height:170px;color:var(--white-dim);padding:11px 13px;font-size:12px;line-height:1.6;overflow-y:auto}.mini-term-output::-webkit-scrollbar{width:3px}.mini-term-output::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.mini-term-input-row{border-top:1px solid var(--border);align-items:center;gap:7px;padding:7px 13px;display:flex}.mini-term-prompt{color:var(--green);white-space:nowrap;flex-shrink:0;font-size:12px}.mini-term-input{color:var(--white);font-family:var(--font-mono);caret-color:var(--green);background:0 0;border:none;outline:none;flex:1;font-size:12px}.footer{border-top:1px solid var(--border);margin-top:16px;padding:14px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.footer-text{font-size:12px}.footer-up{color:var(--white-muted);font-size:12px}.fade-up{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(18px)}.fade-up.visible{opacity:1;transform:translateY(0)}.loading-screen{background:var(--bg);z-index:10000;justify-content:center;align-items:center;transition:opacity .55s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;pointer-events:none}.boot-wrap{width:min(460px,90vw)}.boot-text{color:var(--green);white-space:pre-wrap;min-height:220px;font-size:12px;line-height:1.5}.progress-wrap{background:#00ff411a;border-radius:2px;height:3px;margin-top:20px;overflow:hidden}.progress-fill{background:var(--green);width:0;height:100%;box-shadow:0 0 8px var(--green-glow);border-radius:2px;transition:width 50ms linear}.cursor-dot{pointer-events:none;z-index:9997;background:#00ff4152;border-radius:50%;width:5px;height:5px;position:fixed}