:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#16161f;--text-primary:#e8e8ee;--text-secondary:#8b8b9e;--text-dim:#5a5a6e;--neon-cyan:#00ffe7;--neon-pink:#ff006e;--neon-orange:#ffbe0b;--neon-purple:#8338ec;--neon-blue:#3a86ff;--neon-green:#00c853;--neon-magenta:#f0f;--border:#2a2a3a;--border-dim:#1c1c2e;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-heading:"Orbitron", var(--font-mono);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::selection{background:var(--neon-cyan);color:var(--bg-primary)}.app{min-height:100vh;position:relative}.app:after{content:"";z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffe704 2px 4px);position:fixed;inset:0}.video-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.video-bg video{object-fit:cover;opacity:.25;filter:saturate(1.2)hue-rotate(160deg)brightness(.6);width:100%;min-width:100%;height:100%;min-height:100%;position:absolute;inset:-2px}.video-bg-overlay{background:radial-gradient(ellipse 80% 60% at 50% 50%, transparent 0%, #0a0a0f99 60%, var(--bg-primary) 100%);position:absolute;inset:0}.hero-scene{z-index:1;pointer-events:none;position:absolute;inset:0}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-dim);background:#0a0a0fd9;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-heading);color:var(--neon-cyan);cursor:pointer;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 8px #00ffe74d;font-size:1rem;font-weight:700}.nav-deco{color:var(--neon-pink)}.nav-links{gap:.125rem;display:flex}.nav-link{color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;border:none;border-radius:4px;padding:.4rem .65rem;font-size:.75rem;transition:color .2s ease-out,background .2s ease-out}.nav-link:hover{color:var(--neon-cyan);background:#00ffe70a}.hero{justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:2;border-top:1px solid #00ffe726;border-left:1px solid #00ffe726;width:40px;height:40px;position:absolute;top:1.5rem;left:1.5rem}.hero:after{content:"";pointer-events:none;z-index:2;border-bottom:1px solid #00ffe726;border-right:1px solid #00ffe726;width:40px;height:40px;position:absolute;bottom:1.5rem;right:1.5rem}.hero-hud-corner{z-index:2;pointer-events:none;opacity:.3;position:absolute}.hero-hud-corner--tl{top:3rem;left:2.5rem}.hero-hud-corner--tr{top:3rem;right:2.5rem;transform:scaleX(-1)}.hero-hud-corner--bl{bottom:3rem;left:2.5rem;transform:scaleY(-1)}.hero-hud-corner--br{bottom:3rem;right:2.5rem;transform:scale(-1)}.hero-overlay{z-index:2;justify-content:center;width:100%;display:flex;position:relative}.hero-content{text-align:center;max-width:780px}.hero-badge{font-family:var(--font-mono);color:var(--neon-cyan);letter-spacing:2px;text-transform:uppercase;background:#00ffe708;border:1px solid #00ffe726;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .75rem;font-size:.6rem;display:inline-flex}.hero-badge-dot{background:var(--neon-cyan);width:5px;height:5px;box-shadow:0 0 6px var(--neon-cyan);animation:2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.hero-greeting{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:4px;text-transform:uppercase;margin-bottom:.4rem;font-size:.8rem}.hero-name{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;margin-bottom:.75rem;font-size:clamp(2.8rem,9vw,5.5rem);font-weight:900;line-height:1.05}.glitch{color:var(--text-primary);text-shadow:0 0 30px #00ffe726;position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--neon-cyan);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:4s linear infinite alternate-reverse glitch1}.glitch:after{color:var(--neon-pink);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:4s linear infinite alternate-reverse glitch2}@keyframes glitch1{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}to{transform:translate(0)}}@keyframes glitch2{0%{transform:translate(0)}20%{transform:translate(2px,-1px)}40%{transform:translate(-2px,1px)}60%{transform:translate(1px,-2px)}80%{transform:translate(-1px,2px)}to{transform:translate(0)}}.hero-tagline{color:var(--text-secondary);letter-spacing:2px;font-size:clamp(.85rem,2.5vw,1.1rem);font-weight:300}.hero-typing{font-family:var(--font-mono);color:var(--neon-cyan);text-shadow:0 0 6px #00ffe726;min-height:1.6em;margin:1.5rem 0 2rem;font-size:clamp(.65rem,2vw,.85rem)}.typing-prompt{color:var(--neon-pink);opacity:.7;margin-right:.5rem}.typing-text{opacity:.9}.typing-cursor{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);margin-left:2px;font-size:.8em}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary,.btn-secondary{font-family:var(--font-mono);cursor:pointer;letter-spacing:2px;text-transform:uppercase;padding:.8rem 2rem;font-size:.75rem;font-weight:500;transition:all .25s ease-out;position:relative}.btn-primary{color:var(--neon-cyan);border:1px solid var(--neon-cyan);background:0 0;box-shadow:0 0 8px #00ffe71a,inset 0 0 8px #00ffe70d}.btn-primary:hover{background:#00ffe70d;box-shadow:0 0 30px #00ffe74d,inset 0 0 20px #00ffe71a}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-secondary:hover{color:var(--neon-cyan);background:#00ffe708;border-color:#00ffe74d}.hero-stats{border-top:1px solid var(--border-dim);justify-content:center;align-items:center;gap:2rem;margin-top:2.5rem;padding-top:2rem;display:flex}.stat{text-align:center}.stat-num{font-family:var(--font-heading);background:linear-gradient(135deg, var(--neon-cyan), var(--neon-pink));-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;display:block}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin-top:.2rem;font-size:.6rem}.scroll-indicator{color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;cursor:pointer;opacity:.5;z-index:1;flex-direction:column;align-items:center;gap:.3rem;font-size:.55rem;transition:opacity .3s ease-out;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator:hover{opacity:.9}.sections-container{z-index:1;max-width:920px;margin:0 auto;padding:0 2rem 4rem;position:relative}section{padding:6rem 0}.section-title{font-family:var(--font-heading);letter-spacing:4px;text-transform:uppercase;color:var(--text-primary);margin-bottom:2.5rem;font-size:1rem;font-weight:700}.title-accent{color:var(--neon-pink);margin-right:.35rem}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2.5rem;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.8}.about-text strong{color:var(--text-primary)}.about-quote{border-left:2px solid var(--neon-cyan);color:var(--neon-cyan);opacity:.75;margin:1.5rem 0;padding-left:1.25rem;font-size:.85rem;font-style:italic;line-height:1.7;box-shadow:-8px 0 12px -8px #00ffe714}.about-yaml pre{background:var(--bg-card);border:1px solid var(--border-dim);font-family:var(--font-mono);color:var(--neon-cyan);padding:1.25rem 1.5rem;font-size:.78rem;line-height:1.8;position:relative;overflow-x:auto}.about-yaml pre:before{content:"▸ YAML";letter-spacing:2px;color:var(--text-dim);background:var(--bg-primary);padding:0 .5rem;font-size:.5rem;position:absolute;top:-.65rem;right:1rem}.skills-grid{grid-template-columns:1fr 1fr;gap:1.25rem 2rem;display:grid}.skill-bar{margin-bottom:.15rem}.skill-bar-head{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.skill-name{font-family:var(--font-mono);color:var(--text-primary);font-size:.78rem}.skill-pct{font-family:var(--font-mono);font-size:.7rem;font-weight:600}.skill-track{background:var(--bg-card);border:1px solid var(--border-dim);width:100%;height:4px;overflow:hidden}.skill-fill{height:100%}.skills-more{text-align:center;font-family:var(--font-mono);color:var(--text-dim);cursor:default;margin-top:2rem;font-size:.65rem;line-height:2;transition:color .25s ease-out}.projects-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-dim);padding:1.5rem;text-decoration:none;transition:border-color .25s ease-out,background .25s ease-out;display:block;position:relative;overflow:hidden}.project-card:hover{background:#16161fcc;border-color:#00ffe733}.project-index{font-family:var(--font-mono);color:var(--text-dim);font-size:.6rem;position:absolute;top:.75rem;right:1rem}.project-card h3{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.project-card p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.82rem;line-height:1.6;display:-webkit-box;overflow:hidden}.project-tags{flex-wrap:wrap;gap:.35rem;display:flex}.tag{font-family:var(--font-mono);color:var(--neon-cyan);background:#00ffe70a;border:1px solid #00ffe71a;padding:.2rem .55rem;font-size:.6rem}.project-arrow{color:var(--neon-cyan);font-family:var(--font-mono);opacity:.2;font-size:.9rem;transition:opacity .2s ease-out;position:absolute;bottom:1rem;right:1rem}.project-card:hover .project-arrow{opacity:.7}.contact-section{text-align:center}.contact-sub{color:var(--text-dim);letter-spacing:1px;margin-bottom:2.5rem;font-size:1rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-link{background:var(--bg-card);border:1px solid var(--border-dim);color:var(--text-primary);font-family:var(--font-mono);align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-size:.8rem;text-decoration:none;transition:border-color .25s ease-out,background .25s ease-out;display:flex;position:relative}.contact-icon{width:30px;height:30px;color:var(--neon-cyan);letter-spacing:1px;background:#00ffe70d;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:inline-flex}.contact-arrow{opacity:0;font-size:.7rem}.footer{text-align:center;border-top:1px solid var(--border-dim);font-family:var(--font-mono);color:var(--text-dim);padding:2rem;font-size:.65rem}.footer-deco{color:var(--neon-pink)}@media (width<=768px){.about-grid,.skills-grid,.projects-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:.75rem}.hero:before,.hero:after{width:24px;height:24px}.nav{padding:.75rem 1rem}.nav-links{gap:0}.nav-link{padding:.3rem .45rem;font-size:.65rem}section{padding:4rem 0}}:root{--ai-chat-width:360px;--ai-chat-radius:8px}.ai-avatar-btn{z-index:10000;background:var(--bg-card);cursor:pointer;border:1px solid #00ffe733;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 0 20px #00ffe714,0 4px 20px #0006}.ai-avatar-btn:hover{border-color:#00ffe766;box-shadow:0 0 30px #00ffe726}.ai-avatar-btn-inner{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.avatar-orb-canvas{border-radius:50%;width:48px;height:48px}.ai-avatar-btn-label{font-family:var(--font-mono);color:var(--neon-cyan);background:var(--bg-primary);letter-spacing:1px;border:1px solid #00ffe733;padding:.1rem .3rem;font-size:.5rem;font-weight:700;line-height:1;position:absolute;bottom:-2px;right:-4px}.ai-nudge{background:var(--bg-card);border:1px solid var(--border-dim);font-family:var(--font-mono);color:var(--neon-cyan);white-space:nowrap;pointer-events:none;padding:.4rem .75rem;font-size:.65rem;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.ai-nudge:after{content:"";border-left:6px solid var(--bg-card);border-top:6px solid #0000;border-bottom:6px solid #0000;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.ai-chat{z-index:10001;width:var(--ai-chat-width);background:var(--bg-card);border:1px solid var(--border);flex-direction:column;max-width:calc(100vw - 2rem);display:flex;position:fixed;bottom:1.5rem;right:1.5rem;overflow:hidden;box-shadow:0 0 40px #00000080,0 0 60px #00ffe708}.ai-chat-header{border-bottom:1px solid var(--border-dim);background:#0003;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.ai-chat-header-left{align-items:center;gap:.6rem;display:flex}.ai-chat-header-left .avatar-orb-canvas{width:32px;height:32px}.ai-chat-header-info{flex-direction:column;gap:.1rem;display:flex}.ai-chat-header-name{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:1px;font-size:.75rem;font-weight:600}.ai-chat-header-status{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.5px;align-items:center;gap:.35rem;font-size:.55rem;display:flex}.status-dot{background:var(--neon-green);width:4px;height:4px;box-shadow:0 0 4px var(--neon-green);border-radius:50%;animation:2s ease-in-out infinite pulse-dot;display:inline-block}.ai-chat-close{color:var(--text-dim);cursor:pointer;font-size:.85rem;font-family:var(--font-mono);background:0 0;border:none;padding:.25rem;transition:color .2s ease-out}.ai-chat-body{flex-direction:column;flex:1;gap:.65rem;min-height:260px;max-height:380px;padding:1rem;display:flex;overflow-y:auto}.ai-chat-body::-webkit-scrollbar{width:3px}.ai-chat-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.ai-msg{max-width:88%}.ai-msg-ai{align-self:flex-start}.ai-msg-user{align-self:flex-end}.ai-msg-content{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;padding:.55rem .75rem;font-size:.72rem;line-height:1.6}.ai-msg-ai .ai-msg-content{background:#00ffe708;border:1px solid #00ffe70f;align-items:flex-start;gap:.4rem;display:flex}.ai-msg-user .ai-msg-content{color:var(--text-primary);background:#ff006e0f;border:1px solid #ff006e1a}.ai-msg-avatar-icon{width:18px;height:18px;color:var(--neon-cyan);flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;font-size:.6rem;display:inline-flex}.ai-msg-content strong{color:var(--neon-cyan);font-weight:600}.ai-thinking{align-items:center;gap:.15rem;display:inline-flex}.ai-thinking span{color:var(--neon-cyan);font-size:1.2rem;line-height:1;animation:1.4s infinite dot-pulse}.ai-thinking span:nth-child(2){animation-delay:.2s}.ai-thinking span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.ai-contact-action{flex-direction:column;align-items:flex-start!important;gap:.5rem!important}.ai-contact-btn{font-family:var(--font-mono);letter-spacing:1px;align-items:center;gap:.4rem;text-decoration:none;display:inline-flex;padding:.5rem 1rem!important;font-size:.65rem!important}.ai-chat-input{border-top:1px solid var(--border-dim);background:#00000026;gap:.4rem;padding:.5rem;display:flex}.ai-chat-input input{background:var(--bg-secondary);border:1px solid var(--border-dim);font-family:var(--font-mono);color:var(--text-primary);outline:none;flex:1;padding:.55rem .75rem;font-size:.7rem;transition:border-color .2s ease-out}.ai-chat-input input:focus{border-color:#00ffe733}.ai-chat-input input::placeholder{color:var(--text-dim);font-size:.65rem}.ai-chat-input button{border:1px solid var(--border-dim);color:var(--neon-cyan);cursor:pointer;width:34px;height:34px;font-family:var(--font-mono);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .2s ease-out;display:flex}.ai-chat-input button:hover:not(:disabled){border-color:var(--neon-cyan);background:#00ffe70a}.ai-chat-input button:disabled{opacity:.3;cursor:default}@media (width<=480px){:root{--ai-chat-width:calc(100vw - 1.5rem)}.ai-avatar-btn{width:52px;height:52px;bottom:1rem;right:1rem}.ai-chat{bottom:.75rem;right:.75rem}.ai-chat-body{min-height:200px;max-height:300px}.ai-nudge{display:none}}@media (prefers-reduced-motion:reduce){.glitch:before,.glitch:after{animation:none;display:none}.hero-scene,.video-bg,.app:after{display:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}