:root{--terminal-green: #27c93f;--terminal-blue: #60a5fa;--terminal-dim: rgba(148, 163, 184, .8);--terminal-border: #1e3a5f;--terminal-panel-bg: rgba(2, 8, 20, .4)}[data-theme=light]{--terminal-green: #0f9d2a;--terminal-blue: #2563eb;--terminal-dim: rgba(71, 85, 105, .8);--terminal-border: #cbd5e1;--terminal-panel-bg: rgba(255, 255, 255, .6)}.terminal-section{max-width:900px;margin:.5rem auto;border-radius:12px;overflow:hidden;font-family:Courier New,Fira Code,monospace;border:1px solid var(--terminal-border);background:var(--terminal-panel-bg)}.terminal-header{padding:.8rem 1rem;display:flex;gap:1rem;border-bottom:1px solid var(--terminal-border);align-items:center}.terminal-controls{display:flex;gap:.5rem}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f56}.control.yellow{background:#ffbd2e}.control.green{background:#27c93f}.terminal-title{font-size:.85rem;letter-spacing:.5px;transition:color .3s ease}.terminal-body{backdrop-filter:blur(4px);padding:1.5rem;border-bottom:1px solid var(--terminal-border);min-height:240px;-webkit-text-fill-color:currentColor;position:relative}.terminal-line{margin-bottom:.8rem}.prompt{font-weight:700;margin-right:.5rem}.terminal-output{margin:0}.tech-grid{display:grid;gap:.4rem 1rem}.tech-item{display:flex;align-items:center;gap:.8rem;border-radius:8px;transition:all .2s ease}.tech-name{flex:1;font-weight:500}.blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.is-hidden{display:none}.terminal-line.matrix-line{margin-bottom:.4rem}.terminal-line .matrix-typed,.matrix-typed{font-family:Courier New,monospace;letter-spacing:1px;color:var(--terminal-green)!important;-webkit-text-fill-color:var(--terminal-green)!important}.matrix-typed:after{content:"_";margin-left:2px;color:inherit}.terminal-line.type-system .matrix-typed{color:var(--terminal-blue)!important;-webkit-text-fill-color:var(--terminal-blue)!important}.terminal-line.type-dim .matrix-typed{color:var(--terminal-dim)!important;-webkit-text-fill-color:var(--terminal-dim)!important;text-shadow:none!important}.command-typed:after{content:"_";animation:blink 1s step-end infinite;margin-left:2px;color:var(--terminal-green)!important;-webkit-text-fill-color:var(--terminal-green)!important}.command-line.done .command-typed:after{content:""}.progress-line{margin-bottom:.8rem}.progress-typed{color:var(--terminal-green)!important;-webkit-text-fill-color:var(--terminal-green)!important;font-family:Courier New,monospace;letter-spacing:.5px}.terminal-body.glitching,.terminal-title.glitching{animation:glitchShake .4s steps(2) 1}.terminal-body.glitching:before,.terminal-body.glitching:after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}.terminal-body.glitching:before{background:color-mix(in srgb,var(--terminal-blue) 12%,transparent);transform:translate(-3px);animation:glitchSlice .4s steps(3) 1}.terminal-body.glitching:after{background:color-mix(in srgb,var(--terminal-green) 12%,transparent);transform:translate(3px);animation:glitchSlice .4s steps(3) 1 reverse}@keyframes glitchShake{0%{transform:translate(0);filter:none}20%{transform:translate(-2px,1px);filter:hue-rotate(-25deg) saturate(1.4)}40%{transform:translate(2px,-1px);filter:hue-rotate(25deg) saturate(1.4)}60%{transform:translate(-1px,1px);filter:hue-rotate(-15deg)}80%{transform:translate(1px,-1px);filter:hue-rotate(15deg)}to{transform:translate(0);filter:none}}@keyframes glitchSlice{0%{clip-path:inset(10% 0 80% 0)}25%{clip-path:inset(50% 0 30% 0)}50%{clip-path:inset(20% 0 60% 0)}75%{clip-path:inset(70% 0 10% 0)}to{clip-path:inset(0 0 0 0)}}.terminal-output{animation:techReveal .5s ease-out}@keyframes techReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tech-item{opacity:0;animation:techItemIn .35s ease-out forwards}@keyframes techItemIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.no-anim,.no-anim *{animation:none!important;transition:none!important}.no-anim .terminal-output,.no-anim .tech-item{opacity:1!important;transform:none!important}.terminal-footer{padding:.6rem 1rem;display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.7rem}.status{display:flex;align-items:center;gap:.4rem;font-family:Courier New,monospace;font-weight:500;letter-spacing:.3px}.status-icon{width:16px;height:16px;flex-shrink:0}@media(max-width:420px){.terminal-title{letter-spacing:.2px}}@media(max-width:768px){.tech-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.terminal-output,.terminal-output.is-hidden{display:block!important;opacity:1!important;transform:none!important;animation:none!important}.tech-item{opacity:1!important;transform:none!important;animation:none!important}.command-line.is-hidden,.progress-line.is-hidden{display:block!important}.command-typed:after,.matrix-typed:after{animation:none!important;opacity:1!important}.blink{animation:none!important}.terminal-body.glitching,.terminal-body.glitching:before,.terminal-body.glitching:after,.terminal-title.glitching{animation:none!important}}.space-bg{position:fixed;inset:0;z-index:-2;overflow:hidden}.stars,.twinkling-stars,.nebula{position:absolute;inset:0}.stars{background-image:radial-gradient(2px 2px at 10px 30px,#fff,transparent),radial-gradient(1px 1px at 80px 200px,#f8f9fa,transparent),radial-gradient(3px 3px at 250px 150px,#e0e7ff,transparent),radial-gradient(1px 1px at 400px 80px,#fff,transparent),radial-gradient(2px 2px at 550px 320px,#bae6fd,transparent),radial-gradient(1px 1px at 700px 120px,#fff,transparent),radial-gradient(2px 2px at 850px 450px,#e0e7ff,transparent),radial-gradient(1px 1px at 1000px 250px,#fff,transparent),radial-gradient(3px 3px at 1150px 600px,#bae6fd,transparent),radial-gradient(1px 1px at 1300px 100px,#fff,transparent),radial-gradient(2px 2px at 200px 500px,#e0e7ff,transparent),radial-gradient(1px 1px at 600px 700px,#fff,transparent),radial-gradient(2px 2px at 900px 800px,#bae6fd,transparent),radial-gradient(1px 1px at 1100px 550px,#fff,transparent),radial-gradient(3px 3px at 1450px 350px,#e0e7ff,transparent);background-repeat:no-repeat;background-size:1500px 1000px;opacity:.9;animation:star-drift 120s linear infinite}.twinkling-stars{background-image:radial-gradient(1px 1px at 15% 25%,#fff,transparent),radial-gradient(2px 2px at 45% 65%,#f0f9ff,transparent),radial-gradient(1px 1px at 75% 15%,#fff,transparent),radial-gradient(1px 1px at 25% 80%,#bae6fd,transparent),radial-gradient(2px 2px at 60% 40%,#fff,transparent);background-repeat:no-repeat;animation:twinkle 3s ease-in-out infinite alternate}.nebula{background:radial-gradient(circle at 30% 40%,rgb(59 130 246 / 8%) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgb(139 92 246 / 6%) 0%,transparent 50%);animation:nebula-drift 40s ease-in-out infinite alternate}@keyframes star-drift{to{transform:translate(-50px,-30px)}}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}@keyframes nebula-drift{0%{opacity:.5;transform:scale(1) translate(0)}to{opacity:.7;transform:scale(1.05) translate(2%)}}.hero{max-width:1200px;margin:60px auto 0;padding:1rem}.hero-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3rem}.hero-text{flex:1;min-width:280px}.hero-image{flex-shrink:0}.hero-image img{border-radius:50%;object-fit:cover;box-shadow:0 0 30px #3b82f64d}.greeting{display:inline-block;margin-bottom:1rem;font-size:1rem;letter-spacing:2px}.hero h1{margin:0 0 .5rem;font-size:4rem;line-height:1.2}.description{height:94px;font-size:1.2rem;line-height:1.6}@media(max-width:768px){.hero-content{flex-direction:column-reverse;text-align:center}.hero h1{font-size:2.5rem}.description{font-size:1rem}.hero-image img{width:200px;height:200px}}@media(prefers-reduced-motion:reduce){.stars,.twinkling-stars,.nebula{animation:none}}
