*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;cursor:pointer;border:none;background:none}canvas{display:block}:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a2e;--color-purple: #7c3aed;--color-blue: #3b82f6;--color-pink: #ec4899;--color-cyan: #06b6d4;--color-violet: #8b5cf6;--color-gold: #f59e0b;--color-text-primary: #f0f0f5;--color-text-secondary: #a0a0b5;--color-text-muted: #8a8a9f;--gradient-primary: linear-gradient(135deg, var(--color-purple), var(--color-pink));--gradient-secondary: linear-gradient(135deg, var(--color-blue), var(--color-cyan));--gradient-hero: linear-gradient(135deg, var(--color-purple), var(--color-blue), var(--color-cyan));--gradient-accent: linear-gradient(90deg, var(--color-pink), var(--color-purple), var(--color-blue));--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .18);--glass-blur: 12px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--neon-purple: 0 0 20px rgba(124, 58, 237, .5), 0 0 40px rgba(124, 58, 237, .2);--neon-cyan: 0 0 20px rgba(6, 182, 212, .5), 0 0 40px rgba(6, 182, 212, .2);--neon-pink: 0 0 20px rgba(236, 72, 153, .5), 0 0 40px rgba(236, 72, 153, .2);--neon-gold: 0 0 20px rgba(245, 158, 11, .5), 0 0 40px rgba(245, 158, 11, .2);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-hero: clamp(2.5rem, 6vw, 5rem);--font-size-2xl: clamp(2rem, 4vw, 3rem);--font-size-xl: clamp(1.5rem, 3vw, 2rem);--font-size-lg: clamp(1.25rem, 2.5vw, 1.5rem);--font-size-base: clamp(1rem, 2vw, 1.125rem);--font-size-sm: clamp(.875rem, 1.8vw, 1rem);--font-size-xs: clamp(.75rem, 1.5vw, .875rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 6rem;--space-section: clamp(4rem, 10vh, 8rem);--max-width: 1400px;--container-padding: clamp(1rem, 4vw, 2rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s;--duration-reveal: .6s;--z-particles: 0;--z-content: 1;--z-nav: 100;--z-overlay: 200}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}h1,h2,h3,h4{font-weight:700;line-height:1.2}h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-xl);text-align:center}p{color:var(--color-text-secondary);line-height:1.7}.gradient-text{background:var(--gradient-hero);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite}.section-heading{display:inline-block;background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite}.mono{font-family:var(--font-mono)}::selection{background:#7c3aed66;color:var(--color-text-primary)}.skip-link{position:absolute;top:-100%;left:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-purple);color:#fff;border-radius:0 0 8px 8px;z-index:var(--z-overlay);font-size:var(--font-size-sm);transition:top var(--duration-fast) ease}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--color-purple);outline-offset:4px}.section-alt{background:var(--color-bg-secondary)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}section{position:relative;z-index:var(--z-content);padding:var(--space-section) 0}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:var(--space-lg)}.timeline{position:relative;max-width:1600px;margin:0 auto}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gradient-primary);box-shadow:var(--neon-purple)}.timeline-item{position:relative;padding-left:var(--space-xl);margin-bottom:var(--space-xl)}.timeline-item:before{content:"";position:absolute;left:-5px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--color-purple);box-shadow:var(--neon-purple)}.projects-grid,.skills-grid,.leadership-grid,.awards-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.contact-section{text-align:center}@media(min-width:640px){.projects-grid,.skills-grid,.leadership-grid,.awards-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.timeline:before{left:50%;transform:translate(-50%)}.timeline-item{width:50%;padding-left:0}.timeline-item:nth-child(odd){padding-right:var(--space-xl);text-align:right}.timeline-item:nth-child(odd) .timeline-desc{text-align:left}.timeline-item:nth-child(odd):before{left:auto;right:-6px}.timeline-item:nth-child(2n){margin-left:50%;padding-left:var(--space-xl)}.timeline-item:nth-child(2n):before{left:-6px}.skills-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.leadership-grid{grid-template-columns:repeat(4,1fr)}.awards-grid{grid-template-columns:repeat(3,1fr)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;padding:var(--space-lg);box-shadow:var(--glass-shadow);transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,box-shadow var(--duration-normal) ease,transform var(--duration-normal) var(--ease-out-expo)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.glass-card--purple:hover{box-shadow:var(--neon-purple)}.glass-card--cyan:hover{box-shadow:var(--neon-cyan)}.glass-card--pink:hover{box-shadow:var(--neon-pink)}.glass-card--gold:hover{box-shadow:var(--neon-gold)}.project-card{display:block;position:relative;overflow:hidden}a.project-card:hover{transform:translateY(-4px)}.project-icon{width:48px;height:48px;margin-bottom:var(--space-md);padding:10px;border-radius:12px;background:#ffffff0d;border:1px solid var(--glass-border)}.project-icon svg{width:100%;height:100%}.glass-card--pink .project-icon svg{stroke:var(--color-pink)}.glass-card--cyan .project-icon svg{stroke:var(--color-cyan)}.project-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.project-url{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-md)}.project-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.project-link-hint{display:inline-block;margin-top:var(--space-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);transition:color var(--duration-fast) ease}.project-links{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md)}.project-github-link{color:var(--color-text-muted);text-decoration:none}.project-card:hover .project-link-hint{color:var(--color-text-primary)}.timeline-card:hover{box-shadow:var(--neon-purple)}.timeline-date{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-purple);font-weight:600;margin-bottom:var(--space-xs)}.timeline-role{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.timeline-company{font-size:var(--font-size-sm);color:var(--color-cyan);margin-bottom:var(--space-md)}.timeline-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.timeline-desc ul{margin-top:var(--space-sm);padding-left:var(--space-md)}.timeline-desc li{list-style:disc;margin-bottom:var(--space-xs);color:var(--color-text-secondary)}.timeline-desc li::marker{color:var(--color-purple)}.skill-category-title{font-size:var(--font-size-lg);margin-bottom:var(--space-md);color:var(--color-text-primary)}.skill-subcategory{margin-bottom:var(--space-md)}.skill-subcategory-title{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.skill-pills{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-pill{display:inline-block;padding:.3rem .8rem;font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary);background:#7c3aed1a;border:1px solid rgba(124,58,237,.25);border-radius:99px;transition:all var(--duration-fast) ease}.skill-pill:hover{color:var(--color-text-primary);background:#7c3aed33;border-color:var(--color-purple);box-shadow:0 0 12px #7c3aed4d}.leadership-title{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.leadership-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.about-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-xl);align-items:start;margin-bottom:var(--space-xl)}@media(max-width:768px){.about-layout{grid-template-columns:1fr}.about-photo-wrap{order:-1;max-width:200px}}.about-headline{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-md)}.about-body{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8}.about-photo-wrap{display:flex;justify-content:center}.about-photo{width:280px;height:280px;object-fit:cover;border-radius:16px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);opacity:.9;transition:opacity var(--duration-fast) ease}.about-photo:hover{opacity:1}.about-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.about-highlight-label{font-size:var(--font-size-base);font-weight:700;color:var(--color-cyan);margin-bottom:var(--space-xs)}.award-card{border-color:#f59e0b33}.award-card:hover{border-color:#f59e0b66}.award-title{font-size:var(--font-size-base);color:var(--color-gold);margin-bottom:var(--space-xs)}.hero-greeting{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.hero-name{font-size:var(--font-size-hero);font-weight:800;margin-bottom:var(--space-md);line-height:1.1}.hero-title{font-size:var(--font-size-xl);color:var(--color-text-secondary);min-height:2.5em}.hero-title .cursor{display:inline-block;width:3px;height:1.1em;background:var(--color-purple);margin-left:4px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.scroll-indicator{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);animation:float 3s ease-in-out infinite}.scroll-indicator svg{width:24px;height:24px;stroke:var(--color-text-muted)}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.contact-btn{display:inline-block;padding:1rem 2.5rem;font-size:var(--font-size-lg);font-weight:600;color:#fff;background:var(--gradient-primary);background-size:200% 200%;border-radius:99px;transition:box-shadow var(--duration-normal) ease,transform var(--duration-fast) ease;animation:gradientShift 4s ease infinite}.contact-btn:hover{box-shadow:var(--neon-purple);transform:translateY(-2px)}.contact-btn:active{transform:translateY(0)}.dot-nav{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);z-index:var(--z-nav);display:flex;flex-direction:row;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#0a0a0fcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:99px;border:1px solid var(--glass-border)}.dot-nav a{display:block;width:10px;height:10px;border-radius:50%;background:var(--color-text-muted);transition:all var(--duration-fast) ease;position:relative}.dot-nav a:hover,.dot-nav a.active{background:var(--color-purple);box-shadow:var(--neon-purple);transform:scale(1.3)}.dot-nav a:after{content:attr(data-label);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease}.dot-nav a:hover:after{opacity:1}@media(min-width:1024px){.dot-nav{bottom:auto;left:auto;right:var(--space-lg);top:50%;transform:translateY(-50%);flex-direction:column;gap:var(--space-md);padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0}.dot-nav a{width:12px;height:12px}.dot-nav a:after{inset:50% 24px auto auto;transform:translateY(-50%);margin-bottom:0}}#particle-canvas,#three-canvas{position:fixed;inset:0;z-index:var(--z-particles);pointer-events:none;opacity:0;transition:opacity 1.5s ease}#particle-canvas.loaded,#three-canvas.loaded{opacity:1}.audio-btn{position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:var(--z-nav);width:40px;height:40px;padding:8px;border-radius:50%;background:#0a0a0fcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) ease}.audio-btn svg{width:100%;height:100%}.audio-btn:hover{color:var(--color-text-primary);border-color:var(--glass-border-hover)}.audio-btn.active{color:var(--color-purple);border-color:var(--color-purple);box-shadow:var(--neon-purple)}@media(max-width:1023px){.audio-btn{bottom:70px}}.pdf-btn{position:fixed;top:var(--space-md);right:var(--space-md);z-index:var(--z-nav);display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;background:#0a0a0fcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--duration-fast) ease}.pdf-btn svg{width:16px;height:16px;flex-shrink:0}.pdf-btn:hover{color:var(--color-text-primary);border-color:var(--color-purple);box-shadow:var(--neon-purple);background:#7c3aed26}.pdf-btn:active{transform:scale(.96)}@media(max-width:640px){.pdf-btn span{display:none}.pdf-btn{padding:8px;border-radius:50%;width:40px;height:40px;justify-content:center}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:var(--neon-purple)}50%{box-shadow:0 0 30px #7c3aedb3,0 0 60px #7c3aed4d}}.reveal{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out-expo),transform var(--duration-reveal) var(--ease-out-expo)}.reveal--up{transform:translateY(40px)}.reveal--left{transform:translate(-40px)}.reveal--right{transform:translate(40px)}.reveal--scale{transform:scale(.9)}.reveal.is-visible{opacity:1;transform:translate(0) scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.stagger-7{transition-delay:.7s}.stagger-8{transition-delay:.8s}.hero-enter{opacity:0;transform:translateY(30px);animation:fadeInUp .8s var(--ease-out-expo) forwards}.hero-enter:nth-child(1){animation-delay:.2s}.hero-enter:nth-child(2){animation-delay:.4s}.hero-enter:nth-child(3){animation-delay:.6s}.hero-enter:nth-child(4){animation-delay:.8s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.hero-enter{opacity:1;transform:none}}