@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Syne:wght@400;500;600;700;800&display=swap');:root{--hero-bg-primary:var(--bg-primary);--hero-bg-secondary:var(--bg-secondary);--hero-bg-tertiary:var(--bg-tertiary);--neuro-primary:var(--accent-primary);--neuro-secondary:var(--accent-secondary);--neuro-glow:var(--accent-glow);--ai-primary:var(--accent-tertiary);--ai-secondary:var(--accent-quaternary);--ai-glow:var(--accent-glow-secondary);--font-display:'Syne','SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif;--font-body:'Space Grotesk','SF Pro Text',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono','Fira Code','SF Mono',monospace;--section-padding:clamp(4rem,10vh,8rem);--transition-fast:.2s cubic-bezier(0.4,0,0.2,1);--transition-medium:.4s cubic-bezier(0.4,0,0.2,1);--transition-slow:.8s cubic-bezier(0.4,0,0.2,1)}.hero-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;font-family:var(--font-body);transition:background-color .3s ease,color .3s ease}.hero-page *{box-sizing:border-box}.hero-page #navbar{background:var(--bg-secondary)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.hero-page .navbar-brand,.hero-page .nav-link{color:var(--text-primary)!important}.hero-page .nav-link:hover{color:var(--accent-primary)!important}.hero-page .toggle-container button{color:var(--text-primary)}#neural-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-main{position:relative;z-index:1}.hero-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2rem}.hero-content{text-align:center;max-width:900px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.glitch-container{position:relative;margin-bottom:1.5rem}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,12vw,8rem);font-weight:800;letter-spacing:-0.03em;line-height:1;margin:0;position:relative}.hero-first-name{display:inline;background:linear-gradient(135deg,var(--neuro-primary) 0%,var(--neuro-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px var(--neuro-glow));margin-right:.2em}.hero-last-name{display:inline;background:linear-gradient(135deg,var(--ai-primary) 0%,var(--ai-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px var(--ai-glow))}.hero-subtitle-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem;animation:fadeInUp 1s ease-out .2s both}.hero-subtitle-bracket{font-family:var(--font-mono);font-size:clamp(1rem,3vw,1.5rem);color:var(--neuro-primary);opacity:.6}.hero-subtitle{font-family:var(--font-mono);font-size:clamp(0.9rem,2.5vw,1.25rem);color:var(--text-secondary);margin:0;letter-spacing:.02em}.typewriter{overflow:hidden;border-right:2px solid var(--neuro-primary);white-space:nowrap;animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--neuro-primary)}}.hero-tagline{margin-bottom:3rem;animation:fadeInUp 1s ease-out .4s both}.tagline-text{font-size:clamp(1rem,2.5vw,1.5rem);color:var(--text-secondary);font-weight:300}.highlight-neuro{color:var(--neuro-primary);font-weight:600;position:relative}.highlight-neuro::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--neuro-primary),transparent)}.highlight-ai{color:var(--ai-primary);font-weight:600;position:relative}.highlight-ai::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--ai-primary),transparent)}.hero-cta{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:50px;font-family:var(--font-display);font-size:1rem;font-weight:600;text-decoration:none;transition:all var(--transition-medium);position:relative;overflow:hidden}.cta-button.primary{background:linear-gradient(135deg,var(--neuro-primary),var(--neuro-secondary));color:var(--hero-bg-primary);box-shadow:0 4px 30px var(--neuro-glow)}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 40px var(--neuro-glow)}.cta-button.secondary{background:transparent;color:var(--text-primary);border:2px solid rgba(255,255,255,0.2)}.cta-button.secondary:hover{border-color:var(--ai-primary);color:var(--ai-primary);transform:translateY(-3px)}.cta-arrow{width:20px;height:20px;animation:bounce 2s infinite}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(5px)}60%{transform:translateY(3px)}}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.float-element{position:absolute;width:20px;height:20px;border-radius:50%;left:var(--x);top:var(--y);animation:float 6s ease-in-out infinite;animation-delay:var(--delay)}.float-element.neuron{background:radial-gradient(circle,var(--neuro-primary) 0%,transparent 70%);box-shadow:0 0 30px var(--neuro-glow)}.float-element.synapse{width:10px;height:10px;background:var(--neuro-secondary);box-shadow:0 0 20px var(--neuro-secondary)}.float-element.data{background:radial-gradient(circle,var(--ai-primary) 0%,transparent 70%);box-shadow:0 0 30px var(--ai-glow)}.float-element.ai{width:15px;height:15px;background:var(--ai-secondary);box-shadow:0 0 25px var(--ai-secondary)}@keyframes float{0%,100%{transform:translateY(0) translateX(0) scale(1);opacity:.6}25%{transform:translateY(-20px) translateX(10px) scale(1.1);opacity:1}50%{transform:translateY(-10px) translateX(-10px) scale(0.9);opacity:.8}75%{transform:translateY(-30px) translateX(5px) scale(1.05);opacity:.7}}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeInUp 1s ease-out 1s both}.scroll-indicator span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em}.mouse{width:26px;height:40px;border:2px solid var(--text-muted);border-radius:13px;position:relative}.wheel{width:4px;height:8px;background:var(--neuro-primary);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll-wheel 1.5s infinite}@keyframes scroll-wheel{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(15px)}}.content-section{padding:var(--section-padding) 2rem;position:relative;opacity:0;transform:translateY(30px);transition:all var(--transition-slow)}.content-section.visible{opacity:1;transform:translateY(0)}.section-container{max-width:1100px;margin:0 auto}.section-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}.section-number{font-family:var(--font-mono);font-size:.875rem;color:var(--neuro-primary);opacity:.8}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0.2),transparent)}.about-section{background:linear-gradient(180deg,transparent 0,var(--hero-bg-secondary) 100%)}.about-content{display:grid;grid-template-columns:300px 1fr;gap:4rem;align-items:start}@media(max-width:900px){.about-content{grid-template-columns:1fr;gap:2rem}}.about-image-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.about-image-wrapper{position:relative;width:250px;height:250px}.about-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid transparent;background:linear-gradient(var(--hero-bg-primary),var(--hero-bg-primary)) padding-box,linear-gradient(135deg,var(--neuro-primary),var(--ai-primary)) border-box}.image-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:conic-gradient(from 0,var(--neuro-primary),var(--ai-primary),var(--neuro-primary));opacity:.3;filter:blur(20px);z-index:-1;animation:rotate 10s linear infinite}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.name-audio{display:flex;justify-content:center}.audio-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.audio-btn:hover{background:rgba(255,255,255,0.1);border-color:var(--neuro-primary);color:var(--neuro-primary)}.about-text{display:flex;flex-direction:column;gap:2rem}.lead-text{font-size:1.5rem;font-weight:600;margin:0 0 1rem 0}.code-tag{font-family:var(--font-mono);color:var(--neuro-primary);opacity:.6}.about-intro p,.about-details p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin:0 0 1rem 0}.inline-link{color:var(--neuro-primary);text-decoration:none;position:relative;transition:color var(--transition-fast)}.inline-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--neuro-primary);transition:width var(--transition-fast)}.inline-link:hover{color:var(--ai-primary)}.inline-link:hover::after{width:100%;background:var(--ai-primary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}
}.stat-item{display:flex;flex-direction:column;padding:1.5rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:12px;transition:all var(--transition-fast)}.stat-item:hover{background:rgba(255,255,255,0.05);border-color:var(--neuro-primary);transform:translateY(-2px)}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.stat-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.interests-section{background:linear-gradient(180deg,var(--hero-bg-secondary) 0%,var(--hero-bg-secondary) 50%,transparent 100%);padding-bottom:calc(var(--section-padding)+4rem)}.interests-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}@media(max-width:1200px){.interests-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.interests-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.interests-grid{grid-template-columns:1fr}}.interest-card{padding:1.5rem;background:linear-gradient(135deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.05);border-radius:16px;transition:all var(--transition-medium);position:relative;overflow:hidden;text-align:center}.interest-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neuro-primary),var(--ai-primary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-medium)}.interest-card:hover{background:linear-gradient(135deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.3)}.interest-card:hover::before{transform:scaleX(1)}.card-icon{font-size:2rem;margin-bottom:.75rem}.interest-card h3{font-size:1rem;font-weight:600;margin:0 0 .5rem 0;color:var(--text-primary)}.interest-card h3:empty{display:none}.interest-card p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.interest-card-clickable{cursor:pointer}.interest-card-clickable:hover{background:linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.04) 100%);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.3)}.interest-card-clickable:active{transform:translateY(-2px)}.interest-card-clickable p a{text-decoration:none;color:inherit}.links-section{background:linear-gradient(180deg,var(--hero-bg-secondary) 0%,var(--hero-bg-primary) 100%);padding-bottom:calc(var(--section-padding)+4rem)}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-link-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all var(--transition-medium);position:relative;overflow:hidden}.quick-link-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--neuro-glow),var(--ai-glow));opacity:0;transition:opacity var(--transition-medium)}.quick-link-card:hover{border-color:var(--neuro-primary);transform:translateY(-3px)}.quick-link-card:hover::before{opacity:.1}.link-icon{font-size:1.5rem;position:relative;z-index:1}.quick-link-card span{flex:1;font-weight:500;position:relative;z-index:1}.link-arrow{width:20px;height:20px;opacity:0;transform:translateX(-10px);transition:all var(--transition-fast);position:relative;z-index:1}.quick-link-card:hover .link-arrow{opacity:1;transform:translateX(0);color:var(--neuro-primary)}.hero-page footer{background:var(--bg-primary)!important;border-top:1px solid var(--border)}.hero-page footer,.hero-page footer a{color:var(--text-secondary)!important}.hero-page footer a:hover{color:var(--accent-primary)!important}@media(max-width:768px){.hero-section{padding:1rem}.hero-content{padding:0 1rem}.typewriter{white-space:normal;border-right:0;animation:none}.scroll-indicator{display:none}.floating-elements{display:none}.about-image-wrapper{width:200px;height:200px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#neural-canvas{display:none}}