*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #000000;--text-secondary: #4a4a4a;--border-color: #e0e0e0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--accent-color: #000000;--hero-gradient-start: #f5f5f5;--hero-gradient-end: #e0e0e0;--card-bg: #ffffff;--navbar-bg: rgba(255, 255, 255, .95);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-code: "JetBrains Mono", "Courier New", monospace}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #2a2a2a;--shadow: 0 1px 3px 0 rgba(255, 255, 255, .1), 0 1px 2px 0 rgba(255, 255, 255, .06);--shadow-lg: 0 10px 15px -3px rgba(255, 255, 255, .1), 0 4px 6px -2px rgba(255, 255, 255, .05);--accent-color: #ffffff;--hero-gradient-start: #1a1a1a;--hero-gradient-end: #0a0a0a;--card-bg: #0a0a0a;--navbar-bg: rgba(0, 0, 0, .95)}html{scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:10000}.loading-logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:2px solid var(--text-primary);border-radius:50%;box-shadow:0 0 15px var(--text-primary),0 0 30px var(--text-primary),inset 0 0 15px var(--text-primary)}.loading-initials{font-size:2rem;font-weight:700;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.split-layout{display:flex;min-height:100vh}.sidebar{width:33.333%;min-width:300px;max-width:400px;position:fixed;left:0;top:0;height:100vh;padding:1.75rem 1.5rem 5rem;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:.6rem;z-index:100}.main-content{margin-left:33.333%;width:66.666%;min-height:100vh;overflow:hidden;position:relative}.main-content-wrapper{position:absolute;inset:0 -17px 0 0;overflow-y:scroll;padding:2rem 2rem 0}.toggle-buttons{position:fixed;top:2rem;right:2rem;display:flex;gap:.75rem;z-index:1000}.theme-toggle-sidebar{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50px;padding:.6rem 1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);color:var(--text-primary);font-size:1.2rem;box-shadow:var(--shadow-lg)}.theme-toggle-sidebar:hover{border-color:var(--text-primary);transform:scale(1.1) rotate(10deg);box-shadow:0 0 20px var(--text-primary)}.theme-toggle-sidebar:active{transform:scale(.95) rotate(-10deg)}.particles-toggle{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50px;padding:.6rem 1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);color:var(--text-primary);font-size:1.2rem;box-shadow:var(--shadow-lg)}.particles-toggle:hover{border-color:var(--text-primary);transform:scale(1.1) rotate(-10deg);box-shadow:0 0 20px var(--text-primary)}.particles-toggle:active{transform:scale(.95) rotate(10deg)}.theme-toggle-sidebar .sun-icon{display:none;animation:rotateIn .5s ease}.theme-toggle-sidebar .moon-icon{display:block;animation:rotateIn .5s ease}[data-theme=dark] .theme-toggle-sidebar .sun-icon{display:block}[data-theme=dark] .theme-toggle-sidebar .moon-icon{display:none}@keyframes rotateIn{0%{transform:rotate(-180deg) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.bio-section{margin-top:.75rem;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-picture{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;border:3px solid var(--border-color);box-shadow:var(--shadow-lg);transition:all .3s ease;overflow:hidden}.profile-picture:hover{transform:scale(1.05);box-shadow:0 0 25px var(--text-primary)}.profile-picture img{width:100%;height:100%;object-fit:cover}.profile-initials{font-size:2.5rem;font-weight:700;color:var(--bg-primary);-webkit-user-select:none;user-select:none}.bio-name{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;font-family:var(--font-heading)}.bio-title-container{min-height:2rem;margin-bottom:.5rem;display:flex;align-items:center}.bio-title{font-size:1rem;color:var(--text-secondary);font-weight:500;margin:0;font-family:var(--font-mono)}.bio-location{font-size:.85rem;color:var(--text-secondary);margin:.75rem 0 .5rem;font-weight:400;letter-spacing:.02em}.bio-location-container{margin:.6rem 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.location-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:20px;background-color:var(--bg-primary);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative;transform:scale(1);will-change:transform}.location-item:hover{border-color:var(--text-primary);box-shadow:0 0 20px #00000026;transform:scale(1.1)}[data-theme=dark] .location-item:hover{box-shadow:0 0 20px #ffffff4d}.location-text{font-size:.85rem;color:var(--text-secondary);font-weight:500;letter-spacing:.02em;transition:color .3s ease}.location-item:hover .location-text{color:var(--text-primary)}.location-indicator{display:inline-block;width:6px;height:6px;background-color:var(--text-primary);border-radius:50%;box-shadow:0 0 8px var(--text-primary)}.location-separator{font-size:.9rem;color:var(--text-secondary);font-weight:700}.uiuc-text{font-weight:900;font-family:Roboto Slab,Courier New,serif;letter-spacing:.05em;text-transform:uppercase}.uiuc-text .u1{color:#e84a27;font-weight:900;-webkit-text-stroke:.25px #000000}.uiuc-text .i1{color:#003c7d;font-weight:900;-webkit-text-stroke:.25px #000000}.uiuc-text .u2{color:#e84a27;font-weight:900;-webkit-text-stroke:.25px #000000}.uiuc-text .c{color:#003c7d;font-weight:900;-webkit-text-stroke:.25px #000000}[data-theme=dark] .uiuc-text .u1,[data-theme=dark] .uiuc-text .u2,[data-theme=dark] .uiuc-text .i1,[data-theme=dark] .uiuc-text .c{-webkit-text-stroke:.25px #ffffff}.typing-cursor{display:inline-block;margin-left:2px;animation:blink-cursor 1s step-end infinite;font-weight:400;color:var(--text-primary)}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.bio-description{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.contacts-section{padding-top:.5rem;display:flex;justify-content:center}.contact-links-sidebar{display:flex;flex-direction:row;gap:.6rem;align-items:center;justify-content:center}.contact-item{display:flex;align-items:center;justify-content:center;padding:.7rem;background-color:var(--bg-primary);color:var(--text-primary);text-decoration:none;border-radius:8px;transition:all .3s ease;border:1px solid var(--border-color);flex:1;max-width:50px}.contact-item:hover{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);transform:scale(1.15);box-shadow:0 0 15px var(--text-primary)}.contact-item svg{display:block}.contact-item span{display:none}.nav-links-sidebar{display:flex;flex-direction:column;gap:.25rem;border-top:1px solid var(--border-color);padding-top:1rem;margin-top:auto}.nav-link-sidebar{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;padding:.4rem 0;transition:all .3s ease;position:relative}.nav-link-sidebar:hover{color:var(--text-primary);padding-left:1rem}.nav-link-sidebar:before{content:"→";position:absolute;left:0;opacity:0;transition:opacity .3s ease}.nav-link-sidebar:hover:before{opacity:1}.about-inline{padding:50px 0;margin:0 -2rem;padding-left:2rem;padding-right:2rem}.about-inline .about-content{max-width:700px}.about-inline .about-content p{font-size:.95rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6}section{padding:50px 20px}.section-title{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:2rem;color:var(--text-primary);font-family:var(--font-heading)}.section-title:after{content:"";display:block;width:40px;height:3px;background:var(--text-primary);margin:.75rem auto 0;border-radius:2px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;max-width:1200px;margin:0 auto}.project-meta{display:flex;gap:.4rem;align-items:center;margin-top:.15rem;flex-wrap:wrap}.project-role{font-size:.7rem;color:var(--text-secondary);font-weight:500}.project-location{font-size:.7rem;color:var(--text-secondary)}.project-location:before{content:"•";margin-right:.4rem;color:var(--text-secondary)}.project-date{font-size:.65rem;color:var(--text-secondary);margin-top:.15rem;font-style:italic}.project-highlights{list-style:none;margin:.5rem 0;padding:0;max-height:120px;overflow:hidden}.project-highlights li{font-size:.75rem;color:var(--text-secondary);margin-bottom:.3rem;padding-left:.85rem;position:relative;line-height:1.4}.project-highlights li:before{content:"▹";position:absolute;left:0;color:var(--text-primary);font-weight:700;font-size:.7rem}.project-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.filter-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background-color:transparent;color:var(--text-primary);border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.85rem}.filter-btn:hover{border-color:var(--text-primary);box-shadow:0 0 15px #0000001a}.filter-btn.active{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);box-shadow:0 0 20px var(--text-primary)}.project-card{background-color:var(--card-bg);border-radius:8px;padding:1rem;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border-color)}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.75rem}.project-header h3{font-size:1.1rem;color:var(--text-primary);font-weight:600;margin:0}.project-links{display:flex;gap:.5rem}.project-links a{color:var(--text-secondary);transition:color .3s ease}.project-links a:hover{color:var(--text-primary)}.project-description{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.5;font-size:.85rem}.project-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.tag{background-color:var(--text-primary);color:var(--bg-primary);padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:500;transition:background-color .3s ease,color .3s ease}.skills{padding:1rem 0}.skills-pills-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.skill-pills-category{display:flex;flex-direction:column;gap:1rem}.skill-category-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.skill-pills-wrapper{display:flex;flex-wrap:wrap;gap:.75rem}.skill-pill{display:inline-flex;align-items:center;padding:.65rem 1.5rem;background-color:var(--bg-primary);border:2px solid var(--text-primary);border-radius:50px;font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-pill:before{content:"";position:absolute;inset:0;background-color:var(--text-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:-1}.skill-pill:hover{color:var(--bg-primary)}.skill-pill:hover:before{transform:scaleX(1)}.footer{padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.85rem;border-top:1px solid var(--border-color)}@media(max-width:768px){.section-title{font-size:2rem}.projects-grid{grid-template-columns:1fr}.skill-pill{font-size:.875rem;padding:.6rem 1.25rem}}.typing-effect{min-height:2rem;display:flex;align-items:center;justify-content:center}.cursor{display:inline-block;width:2px;background-color:var(--text-primary);margin-left:3px;animation:blink 1s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.skills-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.skill-item{opacity:0;transform:translate(-50px);animation:slideIn .6s ease-out forwards}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.skill-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name{font-weight:600;color:var(--text-primary);font-size:1.1rem}.skill-percentage{color:var(--text-secondary);font-weight:500}.skill-bar{width:100%;height:12px;background-color:var(--border-color);border-radius:10px;overflow:hidden;position:relative}.skill-progress{height:100%;background:linear-gradient(90deg,var(--text-primary),var(--text-secondary));border-radius:10px;width:0;transition:width 1.5s cubic-bezier(.65,0,.35,1);position:relative;overflow:hidden}.skill-progress:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{left:100%}}.skill-progress.animate{width:var(--skill-level)}.skill-category-tag{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:20px;font-size:.75rem;border:1px solid var(--border-color)}.tilt-card{transition:transform .1s ease-out;transform-style:preserve-3d;position:relative}.card-shine{position:absolute;inset:0;border-radius:8px;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none;overflow:hidden}.tilt-card:hover .card-shine{opacity:1}.pulse-tag{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:fadeInUp .6s ease-out forwards;opacity:0}.section-title{animation:fadeInUp .8s ease-out}.section-title:after{animation:expandWidth 1s ease-out .3s both}@keyframes expandWidth{0%{width:0}to{width:60px}}.project-card{will-change:transform}.project-links a{transition:all .3s ease}.project-links a:hover{transform:translateY(-3px) scale(1.1)}.neon-text{text-shadow:0 0 10px var(--text-primary),0 0 20px var(--text-primary),0 0 30px var(--text-primary),0 0 40px var(--text-primary);animation:neonFlicker 3s ease-in-out infinite alternate}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 10px var(--text-primary),0 0 20px var(--text-primary),0 0 30px var(--text-primary),0 0 40px var(--text-primary);opacity:1}20%,24%,55%{text-shadow:none;opacity:.4}}@keyframes matrixRain{0%{transform:translateY(-100%);opacity:1}to{transform:translateY(100vh);opacity:0}}.holographic{position:relative;background:linear-gradient(45deg,var(--text-primary) 0%,var(--text-secondary) 25%,var(--text-primary) 50%,var(--text-secondary) 75%,var(--text-primary) 100%);background-size:200% 200%;animation:holographicShift 3s ease-in-out infinite}@keyframes holographicShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.scanlines{position:relative}.scanlines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1;animation:scanlineMove 8s linear infinite}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(20px)}}.cyber-grid{background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:50px 50px;animation:cyberGridMove 20s linear infinite}@keyframes cyberGridMove{0%{background-position:0 0}to{background-position:50px 50px}}.extreme-glow:hover{box-shadow:0 0 20px var(--text-primary),0 0 40px var(--text-primary),0 0 60px var(--text-primary),0 0 80px var(--text-primary),0 0 100px var(--text-primary);animation:extremePulse 1s ease-in-out infinite}@keyframes extremePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.electric-border{position:relative;border:2px solid transparent}.electric-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--text-primary),var(--text-secondary),var(--text-primary),var(--text-secondary));background-size:400% 400%;border-radius:inherit;z-index:-1;animation:electricFlow 4s ease-in-out infinite}@keyframes electricFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes dataStream{0%{transform:translate(-100%)}to{transform:translate(100%)}}.data-stream{position:relative;overflow:hidden}.data-stream:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--text-primary),transparent);opacity:.3;animation:dataStream 2s linear infinite}@keyframes distort{0%,to{transform:skew(0)}25%{transform:skew(2deg,1deg)}50%{transform:skew(-2deg,-1deg)}75%{transform:skew(1deg,-2deg)}}.distortion-effect{animation:distort 5s ease-in-out infinite}@keyframes rgbSplit{0%,to{text-shadow:none}33%{text-shadow:-2px 0 red,2px 0 cyan}66%{text-shadow:2px 0 red,-2px 0 cyan}}.rgb-split:hover{animation:rgbSplit .5s ease-in-out infinite}@keyframes glitchScan{0%{clip-path:inset(0 0 0 0)}5%{clip-path:inset(10% 0 85% 0)}10%{clip-path:inset(20% 0 75% 0)}15%{clip-path:inset(30% 0 65% 0)}20%{clip-path:inset(40% 0 55% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes pixelExplosion{0%{transform:scale(1);opacity:1}to{transform:scale(20);opacity:0}}.btn{position:relative;overflow:hidden;box-shadow:0 0 10px var(--text-primary)}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,var(--text-secondary),transparent);transform:translate(-50%,-50%);transition:width .6s,height .6s;opacity:0}.btn:hover:after{width:300px;height:300px;opacity:.3}.project-card{background:var(--card-bg);box-shadow:var(--shadow);border:2px solid var(--border-color);position:relative;overflow:visible;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(135deg,var(--text-primary),transparent,var(--text-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:var(--text-primary)}.project-card:hover:before{opacity:.6}.nav-link{position:relative;transition:all .3s ease}.nav-link:before{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--text-primary);transition:width .3s ease;box-shadow:0 0 10px var(--text-primary)}.nav-link:hover:before{width:100%}@media(max-width:1024px){.split-layout{flex-direction:column}.sidebar{position:relative;width:100%;min-width:auto;max-width:none;height:auto;min-height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:1.5rem 1.25rem}.main-content{margin-left:0;width:100%;overflow:visible}.main-content-wrapper{position:static;overflow-y:visible;padding:1.5rem 1.25rem 0}.toggle-buttons{top:1rem;right:1rem;gap:.5rem}.theme-toggle-sidebar,.particles-toggle{padding:.5rem .8rem;font-size:1rem}.bio-name{font-size:1.75rem}.about-inline{margin:0 -1.25rem;padding-left:1.25rem;padding-right:1.25rem}}@media(max-width:768px){.floating-shapes{display:none}.tilt-card{transform:none!important}.shape{display:none}.projects-grid{grid-template-columns:1fr}.bio-name,.section-title{font-size:1.5rem}.extreme-glow:hover,.btn,.project-card{box-shadow:var(--shadow)}}