:root{--neon-cyan: #00f3ff;--neon-magenta: #ff00ff;--neon-yellow: #ffff00;--neon-green: #39ff14;--neon-pink: #ff10f0;--neon-blue: #0ff;--neon-purple: #b026ff;--neon-orange: #ff6600;--bg-primary: #0a0a0f;--bg-secondary: #121218;--bg-tertiary: #1a1a24;--bg-elevated: #252532;--text-primary: #e0e0ff;--text-secondary: #a0a0c8;--text-glow: #fff;--grid-color: rgba(0, 243, 255, .15);--grid-glow: rgba(0, 243, 255, .3);--font-pixel: "Press Start 2P", cursive;--font-mono: "Share Tech Mono", monospace;--font-retro: "VT323", monospace;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .6s ease}[data-theme=light]{--neon-cyan: #8B4513;--neon-magenta: #654321;--neon-yellow: #A0522D;--neon-green: #6B4423;--neon-pink: #5D3A1A;--neon-blue: #7B3F00;--neon-purple: #8B4513;--neon-orange: #D2691E;--bg-primary: #FFF8F0;--bg-secondary: rgba(255, 255, 255, .85);--bg-tertiary: #FFE6D5;--bg-elevated: #FFD4B8;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-glow: #000;--grid-color: rgba(139, 69, 19, .08);--grid-glow: rgba(139, 69, 19, .15)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;background-position:0 0,0 0;animation:gridScroll 20s linear infinite}@keyframes gridScroll{0%{background-position:0 0,0 0}to{background-position:0 50px,50px 0}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;opacity:.3;animation:scanlines .1s linear infinite}[data-theme=light] body:before{background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 2px);opacity:.5}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(2px)}}h1,h2,h3{font-family:var(--font-pixel);line-height:1.3;text-transform:uppercase}h1{font-size:clamp(1.5rem,5vw,3rem);color:var(--neon-green);text-shadow:0 0 5px var(--neon-green);animation:textGlow 2s ease-in-out infinite alternate}[data-theme=dark] h1{text-shadow:0 0 5px var(--neon-green),0 0 8px var(--neon-green)}[data-theme=light] h1{text-shadow:none}h2{font-size:clamp(1rem,3vw,2rem);color:var(--neon-yellow);text-shadow:0 0 8px var(--neon-yellow)}[data-theme=light] h2{text-shadow:none}h3{font-size:clamp(.8rem,2vw,1.2rem);color:var(--neon-yellow)}@keyframes textGlow{0%{text-shadow:0 0 5px var(--neon-green),0 0 8px var(--neon-green)}to{text-shadow:0 0 6px var(--neon-green),0 0 10px var(--neon-green)}}[data-theme=light] h1{animation:none}p{font-family:var(--font-mono);color:var(--text-secondary);line-height:1.8}a{color:var(--neon-green);text-decoration:none;position:relative;transition:var(--transition-fast)}a:hover{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--neon-magenta);transition:width var(--transition-normal);box-shadow:0 0 5px var(--neon-magenta)}a:hover:after{width:100%}button{font-family:var(--font-pixel);font-size:.7rem;padding:12px 24px;background:transparent;color:var(--neon-green);border:2px solid var(--neon-green);cursor:pointer;position:relative;overflow:hidden;transition:var(--transition-normal);text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 10px var(--neon-green),inset 0 0 10px #39ff141a}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(57,255,20,.4),transparent);transition:left var(--transition-slow)}button:hover:before{left:100%}button:hover{color:var(--bg-primary);background:var(--neon-green);box-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-green),inset 0 0 20px #39ff1480;transform:translateY(-2px)}button:active{transform:translateY(0)}#root{min-height:100vh;width:100%}.container{max-width:1400px;margin:0 auto;padding:0 20px}.pixel-text{font-family:var(--font-pixel);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.glow-cyan{box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan)}.glow-magenta{box-shadow:0 0 10px var(--neon-magenta),0 0 20px var(--neon-magenta)}.glow-yellow{box-shadow:0 0 10px var(--neon-yellow),0 0 20px var(--neon-yellow)}::-webkit-scrollbar{width:12px;background:var(--bg-secondary)}::-webkit-scrollbar-track{background:var(--bg-primary);border:1px solid var(--neon-cyan)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}::-webkit-scrollbar-thumb:hover{background:var(--neon-magenta);box-shadow:0 0 10px var(--neon-magenta)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){body{background-size:30px 30px}button{font-size:.6rem;padding:10px 20px}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.skill-card{background:var(--bg-secondary);border:2px solid var(--neon-purple);padding:24px;border-radius:8px;position:relative;overflow:hidden;transition:var(--transition-normal);animation:fadeIn .6s ease-out backwards}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(176,38,255,.05) 0%,transparent 50%,rgba(0,243,255,.05) 100%);pointer-events:none}.skill-card:hover{transform:translateY(-5px);border-color:var(--neon-cyan);box-shadow:0 0 20px var(--neon-cyan),inset 0 0 20px #00f3ff1a}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.skill-category{font-family:var(--font-pixel);font-size:.9rem;color:var(--neon-cyan)}.skill-level-badge{font-family:var(--font-pixel);font-size:.7rem;color:var(--neon-yellow);background:#ffff001a;padding:6px 12px;border:2px solid var(--neon-yellow);box-shadow:0 0 10px var(--neon-yellow)}.skill-bar{position:relative;height:12px;background:var(--bg-tertiary);border:2px solid var(--neon-purple);margin-bottom:20px;overflow:hidden}.skill-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--neon-purple),var(--neon-cyan));box-shadow:0 0 15px var(--neon-cyan),inset 0 0 10px #ffffff4d;animation:skillLoad 1s ease-out backwards}@keyframes skillLoad{0%{width:0!important}}.skill-bar-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:barShine 2s ease-in-out infinite}@keyframes barShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skill-items{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{font-family:var(--font-mono);font-size:.75rem;padding:6px 12px;background:#00f3ff1a;border:1px solid var(--neon-cyan);color:var(--neon-cyan);border-radius:4px;transition:var(--transition-fast)}.skill-tag:hover{background:var(--neon-cyan);color:var(--bg-primary);box-shadow:0 0 10px var(--neon-cyan);transform:translateY(-2px)}.skill-pixels{position:absolute;bottom:10px;right:10px;display:flex;gap:4px}.skill-pixel{width:6px;height:6px;background:var(--neon-purple);box-shadow:0 0 5px var(--neon-purple);animation:pixelBlink 1.5s ease-in-out infinite}.skill-pixel:nth-child(2){animation-delay:.5s}.skill-pixel:nth-child(3){animation-delay:1s}@keyframes pixelBlink{0%,to{opacity:.3}50%{opacity:1}}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.experience-container{display:grid;gap:60px}.experience-timeline{position:relative}.experience-item{display:grid;grid-template-columns:40px 1fr;gap:30px;margin-bottom:40px;animation:fadeIn .6s ease-out backwards}.timeline-marker{position:relative;display:flex;flex-direction:column;align-items:center}.marker-dot{width:20px;height:20px;background:var(--neon-cyan);border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 15px var(--neon-cyan),inset 0 0 10px var(--neon-cyan);z-index:2;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 15px var(--neon-cyan),inset 0 0 10px var(--neon-cyan)}50%{box-shadow:0 0 25px var(--neon-cyan),0 0 35px var(--neon-cyan),inset 0 0 15px var(--neon-cyan)}}.marker-line{flex:1;width:2px;background:linear-gradient(180deg,var(--neon-cyan) 0%,rgba(0,243,255,.3) 100%);box-shadow:0 0 10px var(--neon-cyan)}.experience-card{position:relative;background:var(--bg-secondary);border:2px solid var(--neon-cyan);padding:28px;border-radius:8px;transition:var(--transition-normal)}.experience-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,243,255,.05) 0%,transparent 100%);pointer-events:none}.experience-card:hover{transform:translate(10px);border-color:var(--neon-magenta);box-shadow:0 0 25px var(--neon-magenta),inset 0 0 25px #ff00ff0d}.exp-corner{position:absolute;width:12px;height:12px;border:2px solid var(--neon-yellow)}.top-left{top:-2px;left:-2px;border-right:none;border-bottom:none}.top-right{top:-2px;right:-2px;border-left:none;border-bottom:none}.bottom-left{bottom:-2px;left:-2px;border-right:none;border-top:none}.bottom-right{bottom:-2px;right:-2px;border-left:none;border-top:none}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:20px}.exp-title{font-family:var(--font-pixel);font-size:1rem;color:var(--neon-cyan);margin-bottom:8px}.exp-company{font-family:var(--font-mono);font-size:.9rem;color:var(--neon-magenta)}.exp-period{font-family:var(--font-mono);font-size:.8rem;color:var(--neon-yellow);background:#ffff001a;padding:6px 12px;border:1px solid var(--neon-yellow);border-radius:4px;white-space:nowrap}.exp-description{font-family:var(--font-mono);font-size:.9rem;line-height:1.7;color:var(--text-secondary);margin-bottom:16px}.exp-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{font-family:var(--font-mono);font-size:.75rem;padding:4px 10px;background:#b026ff1a;border:1px solid var(--neon-purple);color:var(--neon-purple);border-radius:4px;transition:var(--transition-fast)}.tech-badge:hover{background:var(--neon-purple);color:var(--bg-primary);box-shadow:0 0 10px var(--neon-purple)}.education-section{background:var(--bg-secondary);border:3px solid var(--neon-yellow);padding:32px;border-radius:8px;box-shadow:0 0 20px var(--neon-yellow),inset 0 0 20px #ffff000d;animation:fadeIn .8s ease-out}.education-title{font-family:var(--font-pixel);font-size:1.3rem;color:var(--neon-yellow);margin-bottom:24px;display:flex;align-items:center;gap:12px}.edu-icon{font-size:1.5rem;filter:drop-shadow(0 0 10px var(--neon-yellow))}.education-card{background:var(--bg-tertiary);border:2px solid rgba(255,255,0,.3);padding:24px;border-radius:8px}.edu-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.edu-degree{font-family:var(--font-pixel);font-size:.95rem;color:var(--neon-cyan);margin-bottom:8px}.edu-institution{font-family:var(--font-mono);font-size:.85rem;color:var(--neon-magenta)}.edu-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.edu-period{font-family:var(--font-mono);font-size:.8rem;color:var(--neon-yellow);background:#ffff001a;padding:4px 10px;border:1px solid var(--neon-yellow);border-radius:4px}.edu-gpa{font-family:var(--font-pixel);font-size:.7rem;color:var(--neon-green);background:#39ff141a;padding:4px 10px;border:1px solid var(--neon-green);border-radius:4px;box-shadow:0 0 10px var(--neon-green)}.edu-achievements{display:flex;flex-direction:column;gap:8px}.achievement-item{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);display:flex;align-items:center;gap:10px}.achievement-bullet{color:var(--neon-green);font-size:1.2rem}@media(max-width:768px){.experience-item{grid-template-columns:30px 1fr;gap:15px}.marker-dot{width:15px;height:15px}.experience-card{padding:20px}.exp-header{flex-direction:column}.exp-title{font-size:.85rem}.education-section{padding:20px}}.research-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.research-card{position:relative;background:var(--bg-secondary);border:2px solid var(--neon-green);padding:28px;border-radius:8px;overflow:hidden;transition:var(--transition-normal);animation:fadeIn .6s ease-out backwards}.research-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--neon-green),var(--neon-cyan),var(--neon-magenta));box-shadow:0 0 15px var(--neon-green)}.research-card:hover{transform:translateY(-8px) rotateX(2deg);border-color:var(--neon-cyan);box-shadow:0 0 30px var(--neon-cyan),0 10px 40px #00f3ff4d}.research-icon{font-size:3rem;margin-bottom:16px;filter:drop-shadow(0 0 15px var(--neon-green));animation:float 3s ease-in-out infinite}.research-header{margin-bottom:16px}.research-title{font-family:var(--font-pixel);font-size:.95rem;color:var(--neon-cyan);margin-bottom:12px;line-height:1.5}.research-meta{display:flex;gap:12px;flex-wrap:wrap}.research-type{font-family:var(--font-mono);font-size:.75rem;padding:4px 10px;background:#39ff141a;border:1px solid var(--neon-green);color:var(--neon-green);border-radius:4px}.research-year{font-family:var(--font-mono);font-size:.75rem;padding:4px 10px;background:#00f3ff1a;border:1px solid var(--neon-cyan);color:var(--neon-cyan);border-radius:4px}.research-description{font-family:var(--font-mono);font-size:.85rem;line-height:1.7;color:var(--text-secondary);margin-bottom:16px}.research-topics{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--neon-magenta);transition:var(--transition-fast);cursor:pointer}.topic-tag:hover{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);transform:scale(1.1)}.research-glow{position:absolute;bottom:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(57,255,20,.15) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.research-card:hover .research-glow{opacity:1}@media(max-width:768px){.research-grid{grid-template-columns:1fr}.research-card{padding:20px}.research-icon{font-size:2.5rem}}.theme-toggle{position:fixed;top:24px;right:24px;z-index:1000;display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-secondary);border:3px solid var(--neon-yellow);border-radius:8px;cursor:pointer;font-family:var(--font-pixel);font-size:.7rem;color:var(--neon-yellow);transition:all var(--transition-normal);box-shadow:0 0 20px var(--neon-yellow),inset 0 0 15px #ffff001a}.theme-toggle:hover{transform:translateY(-3px);border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 30px var(--neon-cyan),inset 0 0 20px #00f3ff33}.theme-toggle:active{transform:translateY(-1px)}.toggle-icon{font-size:1.5rem;line-height:1;filter:drop-shadow(0 0 10px currentColor);animation:float 3s ease-in-out infinite}.toggle-label{font-weight:700;text-shadow:0 0 10px currentColor}.theme-toggle:before,.theme-toggle:after{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--neon-magenta)}.theme-toggle:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.theme-toggle:after{bottom:-2px;right:-2px;border-left:none;border-top:none}@media(max-width:768px){.theme-toggle{top:16px;right:16px;padding:10px 16px;font-size:.6rem}.toggle-icon{font-size:1.2rem}.toggle-label{display:none}}.app{position:relative;width:100%;overflow-x:hidden}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:40px}.no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;background:var(--bg-secondary);border:2px dashed var(--neon-magenta);border-radius:8px}.no-results-icon{font-size:4rem;margin-bottom:20px;filter:drop-shadow(0 0 20px var(--neon-magenta));animation:float 3s ease-in-out infinite}.no-results-text{font-family:var(--font-mono);font-size:1.1rem;color:var(--text-secondary);margin-bottom:24px}.reset-btn{padding:12px 28px;background:var(--neon-magenta);color:var(--bg-primary);border-color:var(--neon-magenta)}.reset-btn:hover{background:transparent;color:var(--neon-magenta)}.footer{background:var(--bg-tertiary);border-top:3px solid var(--neon-cyan);box-shadow:0 -5px 30px #00f3ff4d;margin-top:80px;padding:60px 20px 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section{animation:fadeIn .8s ease-out}.footer-title{font-family:var(--font-pixel);font-size:1.5rem;color:var(--neon-cyan);margin-bottom:16px;text-shadow:0 0 15px var(--neon-cyan)}.footer-text{font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.footer-tagline{font-family:var(--font-mono);font-size:.85rem;color:var(--neon-magenta);margin-top:12px}.footer-heading{font-family:var(--font-pixel);font-size:.9rem;color:var(--neon-yellow);margin-bottom:16px;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);transition:var(--transition-fast);width:fit-content}.footer-links a:hover{color:var(--neon-cyan);transform:translate(5px)}.social-links{display:flex;flex-direction:column;gap:12px}.social-link{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);transition:var(--transition-fast);width:fit-content}.social-icon{font-size:1.3rem;filter:drop-shadow(0 0 5px var(--neon-cyan))}.social-link:hover{color:var(--neon-cyan);transform:translate(5px)}.social-link:hover .social-icon{filter:drop-shadow(0 0 15px var(--neon-cyan));animation:pulse 1s ease-in-out infinite}.footer-bottom{margin-top:40px}.footer-divider{height:2px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan) 20%,var(--neon-magenta) 80%,transparent 100%);margin-bottom:24px;box-shadow:0 0 10px var(--neon-cyan)}.footer-copyright{text-align:center;font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary)}.footer-copyright p{margin:8px 0}.footer-tech{color:var(--neon-green);font-size:.75rem}.scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--neon-magenta);color:var(--bg-primary);border:2px solid var(--neon-magenta);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 0 20px var(--neon-magenta),inset 0 0 10px #ff00ff4d;transition:var(--transition-normal);z-index:1000;animation:fadeIn .5s ease-out}.scroll-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 0 30px var(--neon-magenta),0 0 40px var(--neon-magenta),inset 0 0 20px #ff00ff80}.scroll-arrow{animation:bounce 2s ease-in-out infinite}@media(max-width:768px){.courses-grid{grid-template-columns:1fr}.footer{padding:40px 20px 20px}.footer-content{grid-template-columns:1fr;gap:30px}.scroll-top{width:45px;height:45px;bottom:20px;right:20px}}