body{margin:0;padding:0}#root{width:100%;min-height:100vh}.app{position:relative;width:100%}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects-grid{grid-template-columns:1fr}}.category-title{color:#64ffda;font-weight:700;margin-bottom:1rem;font-size:1.1rem}.skill-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:#00ff9f0d;border:1px solid #00ff9f;border-radius:4px;transition:all .3s}.skill-item:hover{background:#00ff9f1a;transform:translate(5px);box-shadow:0 0 15px #00ff9f80}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#00ff9f,#00d9ff);box-shadow:0 0 10px #00ff9f80}.timeline-marker{position:absolute;left:-6px;top:0;width:14px;height:14px;background:#00ff9f;border-radius:50%;box-shadow:0 0 15px #00ff9f80;animation:pulse 2s infinite}.timeline-content:hover{background:#00ff9f14;border-color:#00ff9f;transform:translate(5px);box-shadow:0 0 20px #00ff9f4d}.timeline-year{color:#00ff9f;font-weight:700;font-size:.95rem}.timeline-separator{color:#8892b0}.timeline-title{color:#64ffda;font-weight:700;font-size:1.2rem}.timeline-company{color:#00d9ff;font-size:.9rem;margin-bottom:.75rem}.timeline-company a{color:#00ff9f;font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;transition:color .18s,text-shadow .18s,transform .18s}.timeline-company a:after{content:" ↗";font-size:.9rem;color:#00d9ff;margin-left:6px;opacity:.95}.timeline-company a:hover{color:#00d9ff;text-shadow:0 0 12px rgba(0,255,159,.5);transform:translateY(-1px)}.more-link{display:inline-block;padding:.32rem .7rem;font-size:.85rem;color:#0a0e27;background:linear-gradient(90deg,#00ff9f,#00d9ff);border-radius:6px;border:1px solid rgba(0,0,0,.08);text-decoration:none;box-shadow:0 6px 12px #0000001f;transition:transform .15s,box-shadow .15s,opacity .15s}.timeline-description{color:#8892b0;line-height:1.6;margin-bottom:1rem}.tech-tag{padding:.3rem .8rem;background:#00ff9f1a;border:1px solid #00ff9f;border-radius:4px;font-size:.75rem;color:#00ff9f;transition:all .2s}:root{--bg-primary: #0a0e27;--bg-secondary: #131829;--bg-card: #1a1f3a;--text-primary: #00ff9f;--text-secondary: #64ffda;--text-muted: #8892b0;--accent-cyan: #00d9ff;--accent-purple: #a78bfa;--accent-pink: #ff006e;--terminal-green: #00ff9f;--glow-color: rgba(0, 255, 159, .5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--nav-offset: 88px}section{scroll-margin-top:var(--nav-offset)}body{font-family:Courier New,Consolas,monospace;background:var(--bg-primary);color:var(--text-muted);line-height:1.6;overflow-x:hidden}#matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.15}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.nav-bar{position:fixed;top:0;width:100%;background:#0a0e27f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--text-primary);z-index:1000;box-shadow:0 0 20px var(--glow-color)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.2rem;color:var(--text-primary);font-weight:700}.terminal-prompt{color:var(--text-primary)}.cursor{animation:blink 1s infinite;color:var(--text-primary)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-links{display:flex;gap:2rem;list-style:none}.nav-link{color:var(--text-muted);text-decoration:none;transition:all .3s;position:relative;padding:.5rem}.nav-link:hover{color:var(--text-primary);text-shadow:0 0 10px var(--glow-color)}.nav-link.active{color:var(--text-primary);font-weight:700;text-shadow:0 0 14px var(--glow-color)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--text-primary);transition:width .3s}.nav-link:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.glitch-wrapper{margin-bottom:2rem}.glitch{font-size:4rem;font-weight:700;color:var(--text-primary);position:relative;text-shadow:0 0 10px var(--glow-color),0 0 20px var(--glow-color),0 0 40px var(--glow-color);animation:glitch-skew 3s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{animation:glitch-anim 2s infinite;color:var(--accent-cyan);z-index:-1}.glitch:after{animation:glitch-anim 3s infinite reverse;color:var(--accent-pink);z-index:-2}@keyframes glitch-anim{0%{clip-path:inset(40% 0 61% 0);transform:translate(0)}20%{clip-path:inset(92% 0 1% 0);transform:translate(-2px,2px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(-2px,-2px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(2px,2px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(2px,-2px)}to{clip-path:inset(58% 0 43% 0);transform:translate(0)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(-2deg)}20%{transform:skew(2deg)}30%{transform:skew(0)}to{transform:skew(0)}}.typing-container{margin-bottom:2rem}.typed-text{font-size:1.5rem;color:var(--text-secondary)}.typing-prompt{color:var(--text-primary);margin-right:.5rem}.typing-cursor{animation:blink .8s infinite}.hero-buttons{display:flex;gap:1rem}.btn{position:relative;padding:1rem 2rem;text-decoration:none;border:2px solid var(--text-primary);color:var(--text-primary);background:transparent;overflow:hidden;transition:all .3s;cursor:pointer}.btn-primary{background:#00ff9f1a}.btn:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--glow-color)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--text-primary);transition:left .3s;z-index:-1}.btn:hover:before{left:0}.btn:hover .btn-text{color:var(--bg-primary)}.split-btn{display:inline-flex;position:relative;align-items:center}.split-main{border-top-right-radius:0;border-bottom-right-radius:0}.split-toggle{border:2px solid var(--text-primary);background:#0000000f;color:var(--text-primary);padding:.6rem .55rem;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;cursor:pointer}.split-toggle.open{background:linear-gradient(90deg,var(--text-primary),var(--accent-cyan));color:var(--bg-primary)}.split-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-card);border:1px solid rgba(0,255,159,.08);padding:.4rem;border-radius:6px;display:flex;flex-direction:column;gap:.3rem;min-width:140px;z-index:1001}.split-menu button{background:transparent;border:none;color:var(--text-secondary);text-align:left;padding:.45rem .6rem;border-radius:4px;cursor:pointer}.split-menu button:hover{background:#00ff9f0f;color:var(--text-primary)}.ascii-art{color:var(--text-primary);font-size:1rem;text-align:center;line-height:1.2;text-shadow:0 0 10px var(--glow-color);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}section{padding:6rem 0;position:relative}.section-title{font-size:3rem;color:var(--text-primary);margin-bottom:3rem;text-align:center;text-shadow:0 0 20px var(--glow-color)}.title-bracket{color:var(--accent-cyan)}.terminal-card{background:var(--bg-card);border:2px solid var(--text-primary);border-radius:8px;overflow:hidden;box-shadow:0 0 30px #00ff9f33;transition:all .3s}.terminal-card:hover{transform:translateY(-5px);box-shadow:0 0 40px #00ff9f66}.terminal-header{background:var(--bg-secondary);padding:.8rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--text-primary)}.terminal-button{width:12px;height:12px;border-radius:50%}.terminal-button.red{background:#ff5f56;box-shadow:0 0 5px #ff5f56}.terminal-button.yellow{background:#ffbd2e;box-shadow:0 0 5px #ffbd2e}.terminal-button.green{background:#27c93f;box-shadow:0 0 5px #27c93f}.terminal-title{margin-left:auto;color:var(--text-muted);font-size:.9rem}.terminal-body{padding:1.5rem;font-size:1rem;line-height:1.8}.prompt{color:var(--text-primary);margin-right:.5rem}.output{color:var(--text-muted);margin-left:1.5rem;margin-bottom:.5rem}.output.success{color:var(--terminal-green)}.highlight{color:var(--text-secondary);font-weight:700}.cursor-blink{animation:blink 1s infinite}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0 1rem 1.5rem}.skill-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:#00ff9f0d;border:1px solid var(--text-primary);border-radius:4px;transition:all .3s}.skill-item:hover{background:#00ff9f1a;transform:translate(5px);box-shadow:0 0 15px var(--glow-color)}.skill-icon{font-size:1.5rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.blog-card{background:var(--bg-card);border:2px solid transparent;border-radius:8px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-cyan) 100%);opacity:0;transition:opacity .3s;z-index:-1}.blog-card:hover{border-color:var(--text-primary);transform:translateY(-5px);box-shadow:0 0 30px var(--glow-color)}.blog-card:hover:before{opacity:.05}.card-header{display:flex;justify-content:space-between;margin-bottom:1rem}.card-date{color:var(--text-primary);font-size:.9rem}.card-category{color:var(--accent-cyan);font-weight:700;text-transform:uppercase;font-size:.8rem;padding:.3rem .8rem;border:1px solid var(--accent-cyan);border-radius:4px}.card-title{color:var(--text-secondary);font-size:1.5rem;margin-bottom:1rem}.card-excerpt{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(100,255,218,.2)}.read-more{color:var(--text-primary);text-decoration:none;font-weight:700;transition:all .3s}.read-more:hover{text-shadow:0 0 10px var(--glow-color)}.arrow{display:inline-block;transition:transform .3s}.read-more:hover .arrow{transform:translate(5px)}.card-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{padding:.3rem .8rem;background:#00ff9f1a;border:1px solid var(--text-primary);border-radius:4px;font-size:.75rem;color:var(--text-primary)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;align-items:start}.contact-info,.contact-stats{width:100%}.social-links{display:flex;flex-direction:column;gap:1rem}.social-link{display:flex;align-items:center;gap:1rem;padding:1rem;color:var(--text-secondary);text-decoration:none;background:#00ff9f0d;border:1px solid var(--text-primary);border-radius:4px;transition:all .3s;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--text-primary);transform:scaleY(0);transition:transform .3s}.social-link:hover:before{transform:scaleY(1)}.social-link:hover{background:#00ff9f1a;transform:translate(10px);box-shadow:0 0 20px var(--glow-color)}.social-link .icon{font-size:1.5rem}.social-link .text{font-family:Courier New,monospace}.footer{padding:3rem 0;background:var(--bg-secondary);border-top:2px solid var(--text-primary);text-align:center}.footer-text{color:var(--text-muted);line-height:2}.intro{padding:4rem 0}.intro-content{max-width:900px;margin:0 auto}.timeline-section,.projects-section{padding:6rem 0}.projects-grid{display:grid;gap:1.5rem;margin-top:2rem}.project-card{background:#00ff9f08;border:1px solid rgba(0,255,159,.08);padding:1.25rem;border-radius:8px;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column;min-height:220px}.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #00ff9f0f;border-color:var(--text-primary)}.project-title{color:var(--text-secondary);font-size:1.05rem;margin-bottom:.5rem}.project-desc{color:var(--text-muted);margin-bottom:.75rem}.project-body{display:flex;flex-direction:column;gap:.6rem;flex:1 1 auto}.project-footer{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;margin-top:.8rem}.project-link{color:var(--bg-primary);background:linear-gradient(90deg,var(--text-primary),var(--accent-cyan));padding:.4rem .9rem;border-radius:6px;text-decoration:none;font-weight:600}.project-link:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00ff9f14}.project-actions{display:block;width:100%}.project-footer .project-link{display:block;width:100%;text-align:center;padding:.6rem .9rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.project-tag{padding:.28rem .6rem;background:#00ff9f0f;border:1px solid rgba(0,255,159,.12);color:var(--text-primary);border-radius:999px;font-size:.75rem;font-weight:600;line-height:1;transition:transform .18s,box-shadow .18s,background .18s}.project-tag:hover{background:#00ff9f1f;transform:translateY(-3px);box-shadow:0 8px 18px #00ff9f0f}@media(max-width:480px){.project-tag{font-size:.68rem;padding:.2rem .5rem}}.timeline{position:relative;padding:2rem 0 2rem 2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--text-primary),var(--accent-cyan));box-shadow:0 0 10px var(--glow-color)}.timeline-item{position:relative;margin-bottom:3rem;padding-left:2rem}.timeline-marker{position:absolute;left:-6px;top:0;width:14px;height:14px;background:var(--text-primary);border-radius:50%;box-shadow:0 0 15px var(--glow-color);animation:pulse 2s infinite}.timeline-content{background:#00ff9f0d;border:1px solid rgba(0,255,159,.2);border-radius:8px;padding:1.5rem;transition:all .3s}.timeline-content:hover{background:#00ff9f14;border-color:var(--text-primary);transform:translate(5px);box-shadow:0 0 20px #00ff9f4d}.timeline-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.timeline-year{color:var(--text-primary);font-weight:700;font-size:.95rem}.timeline-separator{color:var(--text-muted)}.timeline-title{color:var(--text-secondary);font-weight:700;font-size:1.2rem}.timeline-company{color:var(--accent-cyan);font-size:.9rem;margin-bottom:.75rem}.timeline-company a{color:var(--text-primary);font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;transition:color .18s,text-shadow .18s,transform .18s}.timeline-company a:after{content:" ↗";font-size:.9rem;color:var(--accent-cyan);margin-left:6px;opacity:.95}.timeline-company a:hover{color:var(--accent-cyan);text-shadow:0 0 12px var(--glow-color);transform:translateY(-1px)}.timeline-more{margin-bottom:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.more-link{display:inline-block;padding:.32rem .7rem;font-size:.85rem;color:var(--bg-primary);background:linear-gradient(90deg,var(--text-primary),var(--accent-cyan));border-radius:6px;border:1px solid rgba(0,0,0,.08);text-decoration:none;box-shadow:0 6px 12px #0000001f;transition:transform .15s,box-shadow .15s,opacity .15s}.more-link:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00ff9f1f;opacity:.98}.timeline-description{color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.timeline-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.3rem .8rem;background:#00ff9f1a;border:1px solid var(--text-primary);border-radius:4px;font-size:.75rem;color:var(--text-primary);transition:all .2s}.tech-tag:hover{background:#00ff9f33;transform:scale(1.05)}.skills-section{padding:6rem 0}.skills-category{margin:2rem 0}.category-title{color:var(--text-secondary);font-weight:700;margin-bottom:1rem;font-size:1.1rem}.socials-section,.stats-section{padding:6rem 0}.stats-grid{display:grid;gap:2rem;margin:1.5rem 0}.stats-category{padding:1.5rem;border:1px solid rgba(0,255,159,.2);border-radius:8px;background:#00ff9f0a;transition:all .3s}.stats-category:hover{border-color:var(--text-primary);background:#00ff9f14;box-shadow:0 0 20px #00ff9f33}.stats-category-title{color:var(--text-secondary);font-weight:700;margin-bottom:1rem;font-size:1.1rem}.stats-items{display:grid;gap:1rem}.stats-item{display:block;padding:.75rem;border:1px solid rgba(0,255,159,.2);border-radius:8px;background:#00ff9f0d;transition:all .3s;overflow:hidden}.stats-item:hover{transform:translateY(-3px);box-shadow:0 0 25px var(--glow-color);border-color:var(--text-primary)}.stats-item img{width:100%;height:auto;display:block;border-radius:6px}.stats-note{color:var(--text-muted);font-size:.85rem;margin:1.5rem 0 .5rem;padding:.75rem;background:#00ff9f0d;border-left:3px solid var(--text-primary);border-radius:4px}@media(max-width:768px){.hero .container{grid-template-columns:1fr;text-align:center}.glitch{font-size:2.5rem}.typed-text{font-size:1.2rem}.nav-links{gap:.5rem;font-size:.9rem}.hero-buttons{flex-direction:column}.blog-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.ascii-art{font-size:.7rem}.contact-grid{grid-template-columns:1fr}.timeline,.timeline-item{padding-left:1.5rem}.timeline-header{flex-direction:column;align-items:flex-start}.timeline-separator{display:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-bar{animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary);box-shadow:0 0 10px var(--glow-color)}