/* Hacker Terminal skin: original portfolio content and interactions remain intact. */
:root{--bg:#030806;--fg:#e6fff0;--text-secondary:#9ab8a6;--accent:#40ff91;--accent-glow:rgba(64,255,145,.16);--border:rgba(85,255,156,.2);--card-bg:rgba(8,30,19,.65);--font-code:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
html,body{background:#030806}
body{background:radial-gradient(ellipse at 75% 5%,rgba(16,93,52,.18),transparent 46%),#030806}
body::before{background-image:linear-gradient(rgba(64,255,145,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(64,255,145,.055) 1px,transparent 1px)}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.13) 4px);opacity:.23}
nav{background:rgba(3,17,10,.88);border-color:rgba(64,255,145,.23);font-family:var(--font-code);box-shadow:0 0 26px rgba(64,255,145,.08)}
nav a.active,nav a:hover{color:#7dffae;background:rgba(64,255,145,.12)}
.hero-content h1{color:#e8fff0;text-shadow:0 0 35px rgba(64,255,145,.12)}
.hero-content h1::first-line{color:#8bffb5}
.hero-content p{color:#a5c8b1}
.btn-primary{background:#62ff9d;color:#06120a;border:1px solid #62ff9d;box-shadow:0 0 24px rgba(64,255,145,.16)}
.btn-primary:hover{box-shadow:0 0 34px rgba(64,255,145,.33)}
.btn-outline{border-color:rgba(64,255,145,.4)}
.btn-outline:hover{border-color:#62ff9d;background:rgba(64,255,145,.08)}
.section-header span,.section-header h2,.project-content h3{font-family:var(--font-code)}
.section-header span::before{content:"> ";color:#66ff9d}
.section-header h2::after{content:"_";color:#62ff9d;animation:terminal-blink 1.1s steps(1) infinite}
.skill-tag{font-family:var(--font-code);border:1px solid rgba(64,255,145,.17);background:rgba(6,26,14,.65)}
.skill-tag:hover{border-color:rgba(64,255,145,.5)!important;box-shadow:0 8px 28px rgba(64,255,145,.1)!important}
.glass,.project-item{border-color:rgba(64,255,145,.18);background-color:rgba(5,21,12,.76)}
.project-item{box-shadow:inset 0 1px rgba(64,255,145,.06)}
.project-content h3::before{content:"./";color:#62ff9d}
.project-visual{background:radial-gradient(circle at center,rgba(64,255,145,.08),transparent 70%)}
.contact-card input,.contact-card textarea{accent-color:#62ff9d}
.contact-card input:focus,.contact-card textarea:focus{outline-color:#62ff9d}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8cffb6;outline-offset:4px}
.terminal-prompt-label{font:500 .9rem/1.6 var(--font-code);margin-bottom:20px;color:#b5d9bf}
.terminal-prompt-user,.terminal-green{color:#67ff9d}
.terminal-prompt-path{color:#7edaff}
.terminal-caret{display:inline-block;width:8px;height:1em;vertical-align:-.17em;margin-left:5px;background:#62ff9d;animation:terminal-blink 1s steps(1) infinite}
@keyframes terminal-blink{50%{opacity:0}}
.hero-visual{width:min(340px,36vw);min-width:280px}
.terminal-window{position:relative;z-index:3;margin-bottom:20px;border:1px solid rgba(64,255,145,.38);border-radius:12px;overflow:hidden;background:rgba(3,14,8,.96);box-shadow:0 16px 65px rgba(0,0,0,.5),0 0 28px rgba(64,255,145,.13);font-family:var(--font-code);transform:rotate(1deg)}
.terminal-titlebar{height:37px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid rgba(64,255,145,.18);background:#0d2015;font-size:10px;color:#a2c9ad}
.terminal-dots{display:flex;gap:5px}.terminal-dots i{width:8px;height:8px;border-radius:50%;background:#ff605c}.terminal-dots i:nth-child(2){background:#ffbd44}.terminal-dots i:nth-child(3){background:#00ca4e}
.terminal-screen{padding:15px;font-size:10px;line-height:1.8;color:#c9f7d8;overflow-wrap:anywhere}
.terminal-command{color:#e2ffe8}.terminal-output{margin:8px 0 10px;color:#8fd6a5;font:inherit;white-space:pre-wrap}
.profile-img-container{width:min(260px,100%);height:210px;margin:0 auto;border-color:rgba(64,255,145,.25);border-radius:12px}
.hero-blob{background:radial-gradient(circle,rgba(64,255,145,.16),transparent 70%)}
.future-scroll-progress{background:linear-gradient(90deg,#1ca955,#9affbf,#32c7a0);box-shadow:0 0 15px rgba(64,255,145,.55)}
.future-ambient-glow{background:radial-gradient(circle,rgba(64,255,145,.12),rgba(32,165,96,.04) 40%,transparent 70%)}
html.future-motion .section-header span{background:linear-gradient(90deg,#62ff9d,#7edaff);background-clip:text;-webkit-background-clip:text;color:transparent}
html.future-motion .project-item.future-tilt::after,html.future-motion .contact-card.future-tilt::after{background:radial-gradient(440px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(64,255,145,.12),transparent 65%)}
html.future-motion .future-tilt:hover{border-color:rgba(64,255,145,.55)}
html.future-motion nav{box-shadow:0 12px 45px rgba(0,0,0,.3),0 0 28px rgba(64,255,145,.1)}
.hacker-data-rain{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.15}
.hacker-data-rain span{position:absolute;top:-20%;left:var(--rain-x);color:#62ff9d;font:12px/1.5 var(--font-code);writing-mode:vertical-rl;text-orientation:upright;letter-spacing:7px;animation:hacker-rain var(--rain-speed) linear infinite;animation-delay:var(--rain-delay);white-space:nowrap}
@keyframes hacker-rain{to{transform:translateY(135vh)}}
@media(max-width:900px){.hero-inner{gap:30px}.hero-visual{width:300px;min-width:230px}.terminal-screen{font-size:9px}.profile-img-container{height:180px}}
@media(max-width:767px){.hero-inner{flex-direction:column;align-items:stretch}.hero-visual{width:min(100%,420px);min-width:0;margin:10px auto 0}.terminal-window{transform:none}.profile-img-container{width:min(240px,75%);height:190px}.hacker-data-rain{opacity:.07}.terminal-prompt-label{font-size:.78rem}body::after{opacity:.12}}
@media(prefers-reduced-motion:reduce){.terminal-caret,.section-header h2::after,.hacker-data-rain span{animation:none!important}.hacker-data-rain{display:none!important}}