:root{--bg: #050a0e;--bg-panel: rgba(8, 18, 24, .72);--cyan: #00f0ff;--green: #00ff9d;--red: #ff003c;--amber: #ffb800;--text: #c8e6e8;--text-dim: #5c7a80;--border: rgba(0, 240, 255, .18);--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Orbitron", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);overflow-x:hidden;-webkit-font-smoothing:antialiased;padding-bottom:30px;cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17'><path d='M8.5 0v5.5M8.5 11.5V17M0 8.5h5.5M11.5 8.5H17' stroke='%2300f0ff' stroke-width='1.4'/><circle cx='8.5' cy='8.5' r='1.4' fill='%2300ff9d'/></svg>") 8 8,auto}a,button,.btn,.project-card{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17'><path d='M8.5 0v5.5M8.5 11.5V17M0 8.5h5.5M11.5 8.5H17' stroke='%2300ff9d' stroke-width='1.6'/><circle cx='8.5' cy='8.5' r='2' fill='none' stroke='%2300ff9d' stroke-width='1'/></svg>") 8 8,pointer}::selection{background:var(--cyan);color:var(--bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}a{color:var(--cyan);text-decoration:none}.webgl-canvas{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.content{position:relative;z-index:2}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014,#0000 4px)}.scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%)}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer}.boot-inner{width:min(640px,90vw);font-size:clamp(.7rem,1.6vw,.9rem)}.boot-line{color:var(--green);white-space:pre-wrap;line-height:1.9;text-shadow:0 0 8px rgba(0,255,157,.5)}.boot-line .ok{color:var(--cyan)}.boot-skip{margin-top:2.5rem;color:var(--text-dim);font-size:.7rem;letter-spacing:.2em;animation:blink 1.2s steps(2) infinite}.boot-cursor{display:inline-block;width:.6em;height:1em;background:var(--green);vertical-align:text-bottom;animation:blink .8s steps(2) infinite}@keyframes blink{50%{opacity:0}}.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:.9rem clamp(1rem,4vw,3rem);background:linear-gradient(180deg,rgba(5,10,14,.92),rgba(5,10,14,.55) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav-brand{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.15em;color:var(--cyan);text-shadow:0 0 12px rgba(0,240,255,.6)}.nav-links{display:flex;gap:clamp(.8rem,2.5vw,2rem);list-style:none}.nav-links a{font-size:.72rem;letter-spacing:.18em;color:var(--text-dim);transition:color .2s,text-shadow .2s;position:relative}.nav-links a:before{content:"/";color:var(--green);margin-right:.35em;opacity:0;transition:opacity .2s}.nav-links a:hover{color:var(--cyan);text-shadow:0 0 10px rgba(0,240,255,.8)}.nav-links a:hover:before{opacity:1}.nav-status{display:flex;align-items:center;gap:.5rem;font-size:.65rem;letter-spacing:.15em;color:var(--green)}.nav-status .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{50%{opacity:.35}}@media (max-width: 720px){.nav-links{display:none}}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,7rem) clamp(1.2rem,6vw,6rem);max-width:1280px;margin:0 auto}.section-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.section-header .index{color:var(--green);font-size:.8rem}.section-header h2{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2.2rem);letter-spacing:.12em;color:var(--text);text-transform:uppercase}.section-header .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.hero{align-items:flex-start;justify-content:center;max-width:none;padding-top:6rem}.hero-inner{max-width:1280px;margin:0 auto;width:100%;padding:0 clamp(0rem,2vw,2rem)}.hero-pre{color:var(--green);font-size:clamp(.75rem,1.6vw,.95rem);letter-spacing:.25em;margin-bottom:1.2rem}.hero-name{font-family:var(--font-display);font-weight:900;font-size:clamp(2.6rem,9vw,6.5rem);line-height:1;letter-spacing:.04em;color:#eaffff;text-shadow:0 0 18px rgba(0,240,255,.45),0 0 60px rgba(0,240,255,.25)}.hero-roles{margin-top:1.4rem;font-size:clamp(.85rem,2.2vw,1.25rem);color:var(--cyan);min-height:1.6em}.hero-roles .cursor{display:inline-block;width:.55em;height:1.1em;background:var(--cyan);vertical-align:text-bottom;margin-left:4px;animation:blink .8s steps(2) infinite}.hero-stats{display:flex;flex-wrap:wrap;gap:clamp(1rem,3vw,2.5rem);margin-top:3rem}.hero-stat{border:1px solid var(--border);background:var(--bg-panel);padding:.8rem 1.2rem;min-width:130px;position:relative;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-stat:before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan)}.hero-stat .label{font-size:.6rem;letter-spacing:.2em;color:var(--text-dim)}.hero-stat .value{margin-top:.35rem;font-size:1.05rem;font-weight:600;color:var(--green);text-shadow:0 0 10px rgba(0,255,157,.4)}.hero-scroll{margin-top:4rem;font-size:.65rem;letter-spacing:.3em;color:var(--text-dim);animation:blink 2s ease-in-out infinite}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8;pointer-events:none}.glitch:before{color:var(--red);animation:glitch-shift 3.5s infinite linear alternate-reverse;clip-path:polygon(0 0,100% 0,100% 38%,0 38%)}.glitch:after{color:var(--cyan);animation:glitch-shift 2.8s infinite linear alternate;clip-path:polygon(0 62%,100% 62%,100% 100%,0 100%)}@keyframes glitch-shift{0%,86%,to{transform:translate(0);opacity:0}87%{transform:translate(-4px,2px);opacity:.85}90%{transform:translate(4px,-2px);opacity:.85}93%{transform:translate(-2px,-1px);opacity:.6}96%{transform:translate(2px,1px);opacity:.85}}.panel{border:1px solid var(--border);background:var(--bg-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:clamp(1.2rem,3vw,2rem);position:relative;transition:border-color .25s,box-shadow .25s,transform .25s}.panel:hover{border-color:#00f0ff80;box-shadow:0 0 30px #00f0ff14,inset 0 0 30px #00f0ff08}.panel-title-bar{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;letter-spacing:.2em;color:var(--text-dim);border-bottom:1px solid var(--border);padding-bottom:.7rem;margin-bottom:1.1rem}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem}@media (max-width: 880px){.about-grid{grid-template-columns:1fr}}.terminal{font-size:.85rem;line-height:1.8}.terminal .prompt{color:var(--green)}.terminal .cmd{color:var(--cyan)}.terminal p{margin:.8rem 0;color:var(--text)}.about-meta{display:flex;flex-direction:column;gap:1rem}.meta-row{display:flex;justify-content:space-between;font-size:.78rem;border-bottom:1px dashed rgba(0,240,255,.12);padding-bottom:.6rem}.meta-row .k{color:var(--text-dim);letter-spacing:.12em}.meta-row .v{color:var(--green)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem}.skill-row{margin-bottom:1rem}.skill-row .skill-top{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:.4rem}.skill-row .skill-name{color:var(--text)}.skill-row .skill-pct{color:var(--text-dim)}.skill-bar{height:4px;background:#00f0ff14;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 8px #00f0ff99;transform-origin:left}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--cyan),rgba(0,240,255,.05))}.timeline-item{position:relative;margin-bottom:2.5rem}.timeline-item:before{content:"";position:absolute;left:calc(-2rem + 2px);top:6px;width:9px;height:9px;background:var(--bg);border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 10px #00f0ffcc}.timeline-period{font-size:.68rem;letter-spacing:.2em;color:var(--green)}.timeline-role{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.08em;margin:.4rem 0 .2rem;color:var(--text)}.timeline-company{font-size:.78rem;color:var(--cyan);margin-bottom:.7rem}.timeline-points{list-style:none;font-size:.82rem;line-height:1.75;color:var(--text)}.timeline-points li:before{content:"▸ ";color:var(--green)}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.tag{font-size:.62rem;letter-spacing:.12em;color:var(--cyan);border:1px solid var(--border);padding:.25rem .6rem;background:#00f0ff0a}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.project-card{cursor:default}.project-card:hover{transform:translateY(-4px)}.project-card .classification{color:var(--red)}.project-card h3{font-family:var(--font-display);font-size:1rem;letter-spacing:.08em;color:var(--text);margin-bottom:.7rem}.project-card p{font-size:.8rem;line-height:1.7;color:var(--text-dim)}.contact{text-align:center;align-items:center}.contact-big{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,3rem);letter-spacing:.1em;color:#eaffff;text-shadow:0 0 18px rgba(0,240,255,.4);margin-bottom:1.5rem}.contact-sub{color:var(--text-dim);font-size:.85rem;max-width:480px;margin-bottom:2.5rem;line-height:1.8}.contact-form{max-width:640px;margin:0 auto 2.5rem;text-align:left}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;margin-bottom:1.1rem}.form-field label{font-size:.62rem;letter-spacing:.22em;color:var(--green);margin-bottom:.45rem}.form-field input,.form-field textarea{background:#00f0ff0a;border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:.85rem;padding:.7rem .9rem;outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s;caret-color:var(--green)}.form-field input::placeholder,.form-field textarea::placeholder{color:#5c7a808c}.form-field input:focus,.form-field textarea:focus{border-color:var(--cyan);box-shadow:0 0 16px #00f0ff26}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-submit{width:100%}.form-submit:disabled{opacity:.55;pointer-events:none}.form-error{font-size:.75rem;color:var(--red);border:1px solid rgba(255,0,60,.4);background:#ff003c0f;padding:.7rem 1rem;margin-bottom:1.1rem}.form-sent{max-width:640px;margin:0 auto 2.5rem;border:1px solid rgba(0,255,157,.4);background:#00ff9d0d;padding:2.5rem 2rem}.form-sent-title{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.18em;color:var(--green);text-shadow:0 0 14px rgba(0,255,157,.5);margin-bottom:.8rem}.form-sent p{font-size:.8rem;color:var(--text);margin-bottom:1.5rem}.contact-channel{font-size:.78rem;letter-spacing:.12em;color:var(--text-dim);margin-bottom:2rem}.contact-channel .v{color:var(--green);text-shadow:0 0 10px rgba(0,255,157,.4)}.btn-success{color:var(--green);border-color:var(--green);box-shadow:0 0 24px #00ff9d59}.contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem}.btn{display:inline-block;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em;color:var(--cyan);border:1px solid var(--cyan);background:#00f0ff0d;padding:.9rem 2.2rem;position:relative;overflow:hidden;isolation:isolate;cursor:pointer;transition:color .25s,box-shadow .25s}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:-1}.btn:hover{color:var(--bg);box-shadow:0 0 30px #00f0ff80}.btn:hover:before{transform:scaleX(1)}.iterm-body{max-height:320px;overflow-y:auto;scrollbar-width:thin}.iterm-line{margin:.35rem 0;white-space:pre-wrap;word-break:break-word}.iterm-out{color:var(--text)}.iterm-hint{color:var(--text-dim);font-size:.7rem;letter-spacing:.15em;margin-top:.8rem}.iterm-input-row{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;border-top:1px dashed rgba(0,240,255,.12);padding-top:.7rem}.iterm-input{flex:1;background:transparent;border:none;outline:none;color:var(--cyan);font-family:var(--font-mono);font-size:.85rem;caret-color:var(--green)}.ticker{position:fixed;bottom:0;left:0;right:0;z-index:55;height:30px;display:flex;align-items:center;overflow:hidden;background:#050a0eeb;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;font-size:.62rem;letter-spacing:.08em}.ticker-track{display:flex;gap:3.5rem;white-space:nowrap;animation:ticker-scroll 60s linear infinite;will-change:transform}.ticker-item{color:var(--text-dim)}.ticker-tag{color:var(--cyan)}.ticker-tag.tag-sec{color:var(--green)}.ticker-tag.tag-ai{color:var(--amber)}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.konami{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.konami-alert{background:#3c000a8c;animation:konami-flash .25s steps(2) infinite}.konami-granted{background:#001e1299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.konami-msg{font-family:var(--font-display);font-size:clamp(1.2rem,4vw,2.4rem);letter-spacing:.2em;text-align:center;display:flex;flex-direction:column;gap:1rem;padding:0 1.5rem}.konami-alert .konami-msg{color:var(--red);text-shadow:0 0 24px rgba(255,0,60,.8)}.konami-granted .konami-msg{color:var(--green);text-shadow:0 0 24px rgba(0,255,157,.7)}.konami-msg span{font-family:var(--font-mono);font-size:clamp(.65rem,1.6vw,.9rem);letter-spacing:.25em;color:var(--text)}@keyframes konami-flash{50%{opacity:.55}}.footer{text-align:center;padding:2rem;font-size:.65rem;letter-spacing:.18em;color:var(--text-dim);border-top:1px solid var(--border)}