:root{--bg: #000000;--neon-green: #00ff41;--neon-cyan: #00ffff;--neon-magenta: #ff00ff;--text: #ffffff;--font-mono: "JetBrains Mono", "Share Tech Mono", "Courier New", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;position:relative;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-mono);overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(to bottom,rgba(0,255,65,.04) 0px,rgba(0,255,65,.04) 1px,transparent 1px,transparent 2px)}a{color:inherit}.matrix-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block}.site{position:relative;z-index:1;opacity:0;transition:opacity .5s ease}.site-visible{opacity:1}.section{max-width:1100px;margin:0 auto;padding:100px 24px;position:relative}.section-title{font-size:1.6rem;margin-bottom:32px;letter-spacing:.05em}.neon-text{text-shadow:0 0 4px var(--neon-green),0 0 10px var(--neon-green),0 0 22px rgba(0,255,65,.5),0 0 2px var(--neon-cyan)}.cursor{animation:blink 1s steps(1) infinite;color:var(--neon-green)}@keyframes blink{50%{opacity:0}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;will-change:transform,opacity}.reveal-visible{opacity:1;transform:translateY(0) translateZ(0)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000;color:var(--neon-green);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:left}.boot-log{font-size:.95rem;line-height:1.8;white-space:pre-wrap;max-width:560px;min-height:200px}.skip-hint{margin-top:24px;font-size:.75rem;color:#00ff4166}.glitch-text{position:relative;display:inline-block;font-family:"Share Tech Mono",var(--font-mono);font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;letter-spacing:.05em;color:var(--neon-green);text-shadow:0 0 8px var(--neon-green),0 0 20px rgba(0,255,65,.5);animation:glitch-skew 4s infinite;will-change:transform;transform:translateZ(0)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;background:transparent}.glitch-text:before{color:var(--neon-cyan);animation:glitch-anim-1 4s infinite linear}.glitch-text:after{color:var(--neon-magenta);animation:glitch-anim-2 4s infinite linear}@keyframes glitch-anim-1{0%,92%,to{clip-path:inset(0 0 100% 0);transform:translate(0);opacity:0}93%{clip-path:inset(10% 0 60% 0);transform:translate(-3px,1px);opacity:.8}94%{clip-path:inset(60% 0 5% 0);transform:translate(3px,-1px);opacity:.8}95%{clip-path:inset(20% 0 40% 0);transform:translate(-2px,2px);opacity:.8}96%{clip-path:inset(0 0 100% 0);opacity:0}}@keyframes glitch-anim-2{0%,90%,to{clip-path:inset(100% 0 0 0);transform:translate(0);opacity:0}91%{clip-path:inset(50% 0 10% 0);transform:translate(3px,-1px);opacity:.8}92%{clip-path:inset(5% 0 70% 0);transform:translate(-3px,1px);opacity:.8}93%{clip-path:inset(30% 0 30% 0);transform:translate(2px,2px);opacity:.8}94%{clip-path:inset(100% 0 0 0);opacity:0}}@keyframes glitch-skew{0%,94%,to{transform:translate(0)}95%{transform:translate(-1px,1px)}96%{transform:translate(1px,-1px)}97%{transform:translate(-1px)}}.terminal-window{border:1px solid var(--neon-green);border-radius:8px;background:#000a008c;box-shadow:0 0 12px #00ff4140,inset 0 0 20px #00ff410d;overflow:hidden}.terminal-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#00ff410f;border-bottom:1px solid rgba(0,255,65,.3)}.dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.terminal-title{margin-left:8px;font-size:.8rem;color:#fff9}.terminal-body{padding:20px;white-space:pre-wrap;line-height:1.6;font-size:.95rem;color:var(--text)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:60px}.hero-tag{color:var(--neon-cyan);letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;margin-bottom:12px}.hero-role{font-size:1.4rem;color:var(--neon-cyan);margin:20px 0;min-height:2rem}.hero-sub{max-width:620px;color:#ffffffbf;line-height:1.7;margin:0 auto 32px}.hero-cta{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.scroll-hint{position:absolute;bottom:30px;color:#00ff4180;font-size:.8rem;animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.btn-cmd{font-family:var(--font-mono);background:transparent;border:1px solid var(--neon-green);color:var(--neon-green);padding:12px 22px;font-size:1rem;cursor:pointer;transition:all .25s ease;will-change:transform;transform:translateZ(0)}.btn-cmd:hover:not(:disabled){background:#00ff411a;box-shadow:0 0 16px var(--neon-green);transform:translateY(-2px) scale(1.02) translateZ(0)}.btn-cmd-alt{border-color:var(--neon-cyan);color:var(--neon-cyan)}.btn-cmd-alt:hover:not(:disabled){box-shadow:0 0 16px var(--neon-cyan);background:#00ffff1a}.btn-cmd:disabled{opacity:.5;cursor:not-allowed}.skills-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.skills-group-title{color:var(--neon-cyan);margin-bottom:14px;font-size:1.05rem;border-bottom:1px dashed rgba(0,255,255,.3);padding-bottom:8px}.chip-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-chip{position:relative;padding:8px 16px;border:1px solid var(--neon-green);border-radius:4px;color:var(--neon-green);font-size:.85rem;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease,color .25s ease;will-change:transform;transform:translateZ(0)}.skill-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,255,65,.15) 50%,transparent 100%);transform:translateY(-100%);animation:chip-scan 3.5s linear infinite}@keyframes chip-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.skill-chip:hover{box-shadow:0 0 12px var(--neon-green),0 0 24px #00ff4166;transform:translateY(-2px) scale(1.03) translateZ(0);color:#fff}.skill-chip-sm{font-size:.75rem;padding:6px 12px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.project-card{height:100%;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;will-change:transform;transform:translateZ(0)}.project-card:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 0 20px #00ff4166,0 0 40px #00ffff26;border-color:var(--neon-cyan)}.project-description{color:#ffffffd9;margin-bottom:16px}.project-links{display:flex;gap:16px;margin-top:16px}.terminal-link{color:var(--neon-cyan);text-decoration:none;transition:color .2s ease}.terminal-link:hover{color:var(--neon-magenta);text-shadow:0 0 8px currentColor}.contact-wrap{max-width:640px;margin:0 auto}.contact-meta{text-align:center;margin-top:24px;color:#fff9;font-size:.9rem}.cli-form{display:flex;flex-direction:column;gap:18px}.cli-field{display:flex;flex-direction:column;gap:6px}.cli-prompt{color:var(--neon-green);font-size:.85rem}.cli-field input,.cli-field textarea{background:transparent;border:none;border-bottom:1px solid rgba(0,255,65,.4);color:var(--text);font-family:var(--font-mono);font-size:1rem;padding:8px 4px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}.cli-field input:focus,.cli-field textarea:focus{border-color:var(--neon-green);box-shadow:0 4px 12px -6px var(--neon-green)}.terminal-line{padding:10px 0}.success-line{color:var(--neon-green)}.error-line{color:var(--neon-magenta)}.connecting-line .dots{animation:blink 1s steps(1) infinite}.footer{text-align:center;padding:40px 24px 60px;color:#00ff4173;font-size:.85rem}@media (max-width: 768px){.section{padding:70px 18px}.hero-cta{flex-direction:column;align-items:stretch}.project-grid,.skills-groups{grid-template-columns:1fr}}