:root{--bg-primary:#1a1b26;--bg-secondary:#16161e;--bg-tertiary:#24283b;--bg-card:#24283b;--text-primary:#a9b1d6;--text-secondary:#c0caf5;--text-tertiary:#565f89;--color-keyword:#bb9af7;--color-function:#7aa2f7;--color-variable:#7dcfff;--color-class:#73daca;--color-number:#9ece6a;--color-string:#e0af68;--color-comment:#565f89;--border-color:#292e42;--border-accent:#7aa2f7;--font-mono:"JetBrains Mono",monospace;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.6s cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;cursor:auto;min-height:100vh;line-height:1.6}.cursor-dot{display:none}.grid-overlay{position:fixed;pointer-events:none;z-index:1;opacity:0;animation:gridFadeIn 2s ease forwards;background-image:linear-gradient(90deg,#292e4266 1px,#0000 1px),linear-gradient(#292e4266 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;top:0;left:0}@keyframes gridFadeIn{to{opacity:1}}.container{padding:0 var(--spacing-lg)var(--spacing-xl);position:relative;z-index:2;max-width:1400px;margin:0 auto}.header{position:sticky;background:var(--bg-primary);z-index:100;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-md);opacity:0;animation:slideDown .8s ease forwards;margin-bottom:0;top:0}.header-line{font-size:clamp(1.25rem,3.5vw,2rem);font-weight:400;font-family:var(--font-mono);margin-bottom:var(--spacing-xs);min-height:2.5rem}.keyword{color:var(--color-keyword)}.variable-name{color:var(--color-variable)}.operator{color:var(--text-primary)}.string-literal{color:var(--color-string)}.cursor-blink{color:var(--color-variable);animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.header-subtitle{color:var(--color-comment);font-size:.875rem;font-family:var(--font-mono);font-style:italic}.comment-syntax{color:var(--color-comment)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);opacity:0;animation:fadeIn .8s ease .2s forwards}.nav-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-md)var(--spacing-sm);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;display:flex;text-align:left;align-items: center;gap:.5rem;font-size:.875rem;font-weight:500}.nav-btn:before{content:"";position:absolute;background:var(--border-accent);transition:width var(--transition-normal);width:0;height:2px;top:0;left:0}.nav-btn:hover:before,.nav-btn.active:before{width:100%}.nav-btn:hover,.nav-btn.active{border-color:var(--border-accent);background:var(--bg-tertiary)}.nav-index{color:var(--color-number);font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.nav-label{font-size:.875rem;font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content{position:relative;min-height:60vh}.section{opacity:0;position:absolute;pointer-events:none;transition:opacity var(--transition-slow);width:100%;top:0;left:0}.section.active{opacity:1;position:relative;pointer-events:auto;animation:slideUp .6s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items: center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.section-number{color:var(--color-comment);font-size:1.25rem;font-weight:400;line-height:1;font-family:var(--font-mono)}.section-title{color:var(--color-function);font-size:1.5rem;font-weight:600;font-family:var(--font-mono)}.intro-content{display:grid;gap:var(--spacing-xl)}.hero-section{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-2xl);align-items: center}.hero-text{display:flex;gap:var(--spacing-lg);flex-direction:column}.hero-image{display:flex;justify-content:center;align-items: center}.profile-picture{border:3px solid var(--border-color);object-fit:cover;transition:all var(--transition-normal);animation:fadeInScale .8s ease .3s forwards;opacity:0;border-radius:50%;width:200px;height:200px}.profile-picture:hover{border-color:var(--border-accent);transform:scale(1.05);box-shadow:0 8px 24px #7aa2f733}.name-title{font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.95;font-family:var(--font-mono);margin-bottom:0}.name-line{display:block;background:linear-gradient(135deg,var(--color-variable),var(--color-keyword));-webkit-text-fill-color:transparent;animation:slideIn .8s ease forwards;opacity:0;-webkit-background-clip:text;background-clip:text}.name-line:first-child{animation-delay:.3s}.name-line:nth-child(2){animation-delay:.4s}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.role-block{animation:fadeIn .8s ease .6s forwards;opacity:0;background:0 0;border:none;max-width:700px;padding:0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.role-label{color:var(--color-function);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.role-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;font-family:var(--font-sans)}.contact-grid{display:flex;gap:var(--spacing-sm);align-items: center}.contact-item{background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--spacing-md);text-decoration:none;color:var(--text-primary);display:flex;transition:all var(--transition-normal);position:relative;overflow:hidden;animation:fadeInUp .6s ease forwards;opacity:0;aspect-ratio:1;border-radius:4px;justify-content:center;align-items: center}.contact-item:first-child{animation-delay:.6s}.contact-item:nth-child(2){animation-delay:.7s}.contact-item:nth-child(3){animation-delay:.8s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-item:before{content:"";position:absolute;background:var(--color-variable);transition:height var(--transition-normal);width:3px;height:0;top:0;left:0}.contact-item:hover:before{height:100%}.contact-item:hover{border-color:var(--border-accent);background:var(--bg-tertiary);transform:translateY(-5px)}.contact-item:hover .contact-icon{color:var(--color-variable);transform:scale(1.1)}.contact-icon{color:var(--text-primary);transition:all var(--transition-normal);width:24px;height:24px}.experience-content{display:grid;gap:var(--spacing-xl)}.job-block{background:var(--bg-card);border:1px solid var(--border-color);padding:var(--spacing-xl);position:relative}.job-block:before{content:"";position:absolute;background:linear-gradient(90deg,var(--color-variable),transparent);width:100%;height:3px;top:0;left:0}.job-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.job-title-line{display:flex;align-items: center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.job-title{color:var(--color-function);font-size:1.5rem;font-weight:600;font-family:var(--font-mono)}.job-status{color:var(--color-number);border:1px solid var(--color-number);font-size:.75rem;font-weight:600;font-family:var(--font-mono);background:#9ece6a1a;padding:.25rem .5rem}.job-meta{color:var(--text-primary);display:flex;align-items: center;gap:var(--spacing-xs);font-size:.875rem;font-family:var(--font-sans)}.job-company{color:var(--color-class);font-weight:600}.job-separator{color:var(--text-tertiary)}.job-responsibilities{list-style:none;display:grid;gap:var(--spacing-md)}.job-responsibilities>li{padding-left:var(--spacing-lg);position:relative;color:var(--text-primary);line-height:1.8;font-family:var(--font-sans)}.bullet{position:absolute;color:var(--color-keyword);font-weight:400;left:0}.nested-list{list-style:none;margin-top:var(--spacing-sm);padding-left:var(--spacing-lg);display:grid;gap:var(--spacing-xs)}.nested-list li{color:var(--text-primary);position:relative;padding-left:var(--spacing-md);font-size:.875rem;font-family:var(--font-sans)}.nested-list li:before{content:"→";position:absolute;color:var(--color-keyword);left:0}.projects-content{display:grid;gap:var(--spacing-2xl)}.projects-subsection{display:grid;gap:var(--spacing-lg)}.subsection-title{color:var(--color-class);font-size:1.125rem;font-weight:600;font-family:var(--font-mono);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.project-card{background:var(--bg-card);border:1px solid var(--border-color);padding:var(--spacing-lg);text-decoration:none;color:var(--text-primary);display:flex;gap:var(--spacing-md);transition:all var(--transition-normal);position:relative;overflow:hidden;flex-direction:column}.project-card:before{content:"";position:absolute;transition:height var(--transition-normal);background:linear-gradient(#7aa2f71a,#0000);width:100%;height:0;top:0;left:0}.project-card:not(.no-link):hover:before{height:100%}.project-card:not(.no-link):hover{border-color:var(--border-accent);transform:translateY(-3px);box-shadow:0 4px 12px #0000004d}.project-card.no-link{cursor:default;opacity:.6}.project-header{display:flex;justify-content:space-between;align-items: center}.project-name{font-size:1.25rem;font-weight:600;font-family:var(--font-mono);color:var(--color-function)}.project-status{font-size:1.5rem}.project-status.active{color:var(--color-number);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.project-description{color:var(--text-primary);font-size:.9rem;line-height:1.6;font-family:var(--font-sans);flex-grow:1}.project-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--color-class);white-space:nowrap;font-size:.75rem;font-weight:500;font-family:var(--font-mono);padding:.25rem .75rem}.bio-content{max-width:900px}.bio-intro{color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-size:1.125rem;line-height:1.8;font-family:var(--font-sans)}.bio-timeline{display:grid;gap:var(--spacing-xl)}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-lg);position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;background:var(--border-color);width:2px;top:30px;bottom:-48px;left:7px}.timeline-marker{background:var(--bg-primary);border:2px solid var(--color-function);position:relative;z-index:1;border-radius:50%;width:16px;height:16px;margin-top:6px}.timeline-content{padding-bottom:var(--spacing-md)}.timeline-title{color:var(--color-function);font-size:1.25rem;font-weight:600;font-family:var(--font-mono);margin-bottom:var(--spacing-sm)}.timeline-text{color:var(--text-primary);font-size:1rem;line-height:1.8;font-family:var(--font-sans)}@media (max-width:768px){.container{padding:var(--spacing-lg)var(--spacing-md)}.header-subtitle{margin-top:var(--spacing-xs);padding-left:0}.nav{grid-template-columns:repeat(2,1fr)}.section-header{align-items: flex-start;gap:var(--spacing-sm);flex-direction:column}.section-number{font-size:2rem}.section-title{font-size:1.25rem}.hero-section{grid-template-columns:1fr;gap:var(--spacing-xl)}.hero-image{order:-1}.profile-picture{width:150px;height:150px}.name-title{font-size:clamp(2.5rem,10vw,4rem)}.projects-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible{outline:2px solid var(--border-accent);outline-offset:2px}a:focus-visible{outline:2px solid var(--border-accent);outline-offset:2px}