:root{--bg-primary:#000;--bg-secondary:#050505;--bg-alt:#0a0a0a;--bg-card:#0d0d0d;--bg-card-hover:#141414;--text-primary:#f0f0f0;--text-secondary:#ffffff8c;--text-muted:#ffffff59;--text-faint:#ffffff2e;--border:#ffffff14;--border-hover:#ffffff38;--accent:#4a8eff;--accent-warm:#c9a87c;--accent-coral:#e85d4a;--accent-soft:#4a8eff14;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Playfair Display", Georgia, "Times New Roman", serif;--font-mono:"Space Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--text-6xl:4.5rem;--text-7xl:5.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--max-width:1100px;--max-width-narrow:720px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;width:100%;height:100%;position:fixed;top:0;left:0}::selection{color:var(--text-primary);background:#4a8eff33}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#ffffff40}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit}.particles-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.scroll-progress{background:var(--accent);z-index:1001;transform-origin:0;height:2px;position:fixed;top:0;left:0}.navbar{height:var(--nav-height);z-index:1000;transition:var(--transition-base);-webkit-backdrop-filter:blur(24px);background:#0009;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom-color:var(--border);background:#000000d9}.navbar-container{max-width:var(--max-width);padding:0 var(--space-6);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:var(--space-3);font-weight:600;font-size:var(--text-base);letter-spacing:-.02em;color:var(--text-primary);display:flex}.navbar-links{align-items:center;gap:var(--space-1);list-style:none;display:flex}.navbar-links a{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-muted);transition:var(--transition-fast);letter-spacing:.02em;font-weight:400;position:relative}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a.active{color:var(--text-primary);font-weight:500}.navbar-resume-btn{padding:var(--space-2) var(--space-5)!important;color:var(--text-primary)!important;border-radius:var(--radius-full)!important;border:1px solid var(--border-hover)!important;font-weight:500!important;font-size:var(--text-sm)!important;transition:var(--transition-fast)!important;background:0 0!important}.navbar-resume-btn:hover{background:var(--text-primary)!important;color:var(--bg-primary)!important;border-color:var(--text-primary)!important}.mobile-toggle{cursor:pointer;padding:var(--space-2);z-index:1002;flex-direction:column;gap:5px;display:none}.mobile-toggle span{background:var(--text-primary);border-radius:var(--radius-full);width:20px;height:1.5px;transition:var(--transition-fast)}.mobile-toggle.open span:first-child{transform:rotate(45deg)translate(4.5px,4.5px)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(4.5px,-4.5px)}.section{padding:var(--space-32) var(--space-6);max-width:var(--max-width);z-index:1;margin:0 auto;position:relative}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-bottom:var(--space-6);font-weight:400;display:inline-block}.section-number{color:var(--text-faint);margin-right:var(--space-3)}.section-title{font-family:var(--font-serif);font-size:var(--text-4xl);letter-spacing:-.02em;margin-bottom:var(--space-6);color:var(--text-primary);font-weight:400;line-height:1.2}.section-divider{background:var(--text-muted);width:48px;height:1px;margin-bottom:var(--space-10)}.hero{min-height:100vh;padding:var(--nav-height) var(--space-6) var(--space-16);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-content{max-width:var(--max-width);width:100%;margin:0 auto}.hero-name{font-family:var(--font-serif);font-size:clamp(3.5rem, 9vw, var(--text-7xl));letter-spacing:-.03em;margin-bottom:var(--space-8);color:var(--text-primary);font-weight:400;line-height:1.05}.hero-name .accent{color:var(--accent-warm);font-style:italic}.hero-subheading{font-size:var(--text-xl);color:var(--text-secondary);max-width:480px;margin-bottom:var(--space-6);letter-spacing:-.01em;font-weight:300;line-height:1.6}.hero-intro{font-size:var(--text-base);color:var(--text-muted);max-width:520px;margin-bottom:var(--space-10);line-height:1.7}.hero-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-scroll-indicator{bottom:var(--space-10);align-items:center;gap:var(--space-3);color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;flex-direction:column;font-weight:400;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-line{background:#ffffff1a;width:1px;height:40px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--accent);width:1px;height:40px;animation:2.5s ease-in-out infinite scroll-down;position:absolute;top:-40px;left:0}@keyframes scroll-down{0%{top:-40px}50%{top:40px}to{top:-40px}}.btn{align-items:center;gap:var(--space-2);font-size:var(--text-sm);transition:var(--transition-base);white-space:nowrap;letter-spacing:.01em;font-weight:500;display:inline-flex}.btn-primary{padding:var(--space-3) var(--space-6);background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-full)}.btn-primary:hover{background:#f0f0f0d9;box-shadow:0 0 20px #ffffff14}.btn-outline{padding:var(--space-3) var(--space-6);color:var(--text-primary);border:1px solid var(--border-hover);border-radius:var(--radius-full);background:0 0}.btn-outline:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-text{color:var(--text-secondary);padding:var(--space-2) 0;position:relative}.btn-text:after{content:"";background:var(--accent);width:0;height:1px;transition:var(--transition-base);position:absolute;bottom:0;left:0}.btn-text:hover{color:var(--text-primary)}.btn-text:hover:after{width:100%}.about-content{max-width:var(--max-width-narrow)}.about-content p{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-6);font-weight:300;line-height:1.8}.about-content p:first-of-type{font-family:var(--font-serif);font-size:clamp(1.75rem, 4vw, var(--text-4xl));color:var(--text-primary);letter-spacing:-.02em;font-weight:400;line-height:1.35}.about-content p:first-of-type .accent{color:var(--accent-warm);font-style:italic}.about-content p:last-child{margin-bottom:0}.projects-section{padding:var(--space-32) 0;z-index:1;position:relative}.projects-section:before{content:"";width:min(90%, var(--max-width));background:var(--border);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.projects-container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.projects-list{gap:var(--space-12);margin-top:var(--space-12);flex-direction:column;display:flex}.project-card{gap:var(--space-8);padding:var(--space-10) var(--space-6);border-bottom:1px solid var(--border);margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6));border-radius:var(--radius-sm);transition:var(--transition-base);border-left:2px solid #0000;grid-template-columns:80px 1fr;display:grid}.project-card:hover{border-bottom-color:var(--border-hover);border-left-color:var(--accent);background:linear-gradient(90deg,#4a8eff0a 0%,#0000 60%)}.project-card:first-child{border-top:1px solid var(--border)}.project-number{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--text-faint);padding-top:var(--space-1);transition:var(--transition-base);font-weight:400;line-height:1}.project-card:hover .project-number{color:var(--accent)}.project-body{gap:var(--space-5);flex-direction:column;display:flex}.project-name{font-family:var(--font-serif);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--text-primary);font-weight:500;line-height:1.2}.project-desc{font-size:var(--text-lg);color:var(--text-secondary);max-width:640px;font-weight:300;line-height:1.7}.project-meta{gap:var(--space-5);flex-direction:column;display:flex}.project-meta-group{gap:var(--space-2);flex-direction:column;display:flex}.project-meta-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:400}.project-tech-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tech-tag{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);transition:var(--transition-fast);font-weight:400}.tech-tag:hover{border-color:var(--accent);color:var(--accent)}.project-reflection{font-size:var(--text-sm);color:var(--text-muted);max-width:600px;font-style:italic;line-height:1.7}.project-links{gap:var(--space-6);padding-top:var(--space-2);display:flex}.project-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border);transition:var(--transition-fast);padding-bottom:2px;font-weight:500;display:inline-flex;position:relative}.project-link:hover{border-bottom-color:var(--accent);color:var(--accent)}.publication-section{padding:var(--space-32) 0;z-index:1;position:relative}.publication-section:before{content:"";width:min(90%, var(--max-width));background:var(--border);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.publication-container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.publication-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:520px;margin-bottom:var(--space-6);font-weight:300;line-height:1.7}.publication-card{margin-top:var(--space-12);padding:var(--space-10) var(--space-6);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6));border-radius:var(--radius-sm);transition:var(--transition-base);border-left:2px solid #0000}.publication-card:hover{border-bottom-color:var(--border-hover);border-left-color:var(--accent);background:linear-gradient(90deg,#4a8eff0a 0%,#0000 60%)}.publication-body{gap:var(--space-6);flex-direction:column;display:flex}.publication-name{font-family:var(--font-serif);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--text-primary);max-width:720px;font-weight:500;line-height:1.25}.publication-description{gap:var(--space-4);flex-direction:column;max-width:640px;display:flex}.publication-description p{font-size:var(--text-lg);color:var(--text-secondary);font-weight:300;line-height:1.7}.publication-meta{padding-top:var(--space-2)}.publication-meta-row{gap:var(--space-10);flex-wrap:wrap;display:flex}.publication-meta-item{gap:var(--space-2);flex-direction:column;display:flex}.publication-meta-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:400}.publication-meta-value{font-size:var(--text-base);color:var(--text-primary);font-weight:400}.publication-links{align-items:center;gap:var(--space-6);padding-top:var(--space-2);display:flex}.publication-note{font-size:var(--text-sm);color:var(--text-muted);opacity:.7;max-width:520px;font-style:italic;line-height:1.6}.background-section{z-index:1;position:relative}.background-block{margin-bottom:var(--space-16)}.background-block:last-child{margin-bottom:0}.background-block-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-bottom:var(--space-8);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);font-weight:700}.education-entries{gap:var(--space-8);flex-direction:column;display:flex}.education-entry{justify-content:space-between;align-items:flex-start;gap:var(--space-8);padding:var(--space-5) 0;border-bottom:1px solid var(--border);display:flex}.education-degree{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:500;line-height:1.3}.education-institution{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400}.education-location{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.education-period{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;padding-top:var(--space-1);letter-spacing:.05em}.highlights-list{gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.highlight-item{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--space-5);line-height:1.6;position:relative}.highlight-item:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0;box-shadow:0 0 8px #4a8eff66}.technologies-section{z-index:1;position:relative}.technologies-subtitle{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-10);max-width:480px;line-height:1.6}.technologies-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.tech-card{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition-base);cursor:default;flex-direction:column;display:flex}.tech-card:hover{border-color:var(--border-hover);background:#ffffff05}.tech-card-icon{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tech-card-icon img{object-fit:contain;filter:grayscale()brightness(.7);opacity:.6;width:100%;height:100%;transition:var(--transition-base)}.tech-card:hover .tech-card-icon img{filter:grayscale(0%)brightness();opacity:1}.tech-card-icon--dark img{opacity:.6;filter:grayscale()brightness(.7)invert()!important}.tech-card:hover .tech-card-icon--dark img{opacity:1;filter:grayscale(0%)brightness()invert()!important}.tech-card-fallback{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.tech-card-name{font-size:var(--text-xs);color:var(--text-muted);text-align:center;transition:var(--transition-base);font-weight:400}.tech-card:hover .tech-card-name{color:var(--text-secondary)}.contact-section{padding:var(--space-32) 0;z-index:1;position:relative}.contact-section:before{content:"";width:min(90%, var(--max-width));background:var(--border);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.contact-container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.contact-intro{font-size:var(--text-lg);color:var(--text-secondary);max-width:480px;margin-bottom:var(--space-10);font-weight:300;line-height:1.7}.contact-grid{gap:var(--space-16);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.contact-links{gap:var(--space-6);flex-direction:column;display:flex}.contact-link-item{align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--border);transition:var(--transition-base);display:flex}.contact-link-item:first-child{border-top:1px solid var(--border)}.contact-link-item:hover{padding-left:var(--space-3);border-bottom-color:var(--border-hover)}.contact-link-icon{font-size:var(--text-lg);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.contact-link-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:400}.contact-link-value{font-size:var(--text-base);color:var(--text-primary);margin-top:var(--space-1);font-weight:400}.contact-form{gap:var(--space-6);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:400}.form-input,.form-textarea{padding:var(--space-3) 0;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:var(--text-base);transition:var(--transition-fast);background:0 0;border-radius:0;outline:none}.form-input:focus,.form-textarea:focus{border-bottom-color:var(--accent)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-faint)}.form-textarea{resize:vertical;min-height:120px}.form-input.error,.form-textarea.error{border-bottom-color:var(--accent-coral)}.form-error{font-size:var(--text-xs);color:var(--accent-coral);margin-top:var(--space-1)}.form-success{padding:var(--space-4);font-size:var(--text-sm);text-align:center;color:var(--accent);background:#4a8eff0d;border:1px solid #4a8eff33;font-weight:400}.footer{padding:var(--space-16) var(--space-6);border-top:1px solid var(--border);z-index:1;position:relative}.footer-container{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-brand{gap:var(--space-1);flex-direction:column;display:flex}.footer-name{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.footer-copyright{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.footer-links{gap:var(--space-6);display:flex}.footer-link{font-size:var(--text-sm);color:var(--text-muted);transition:var(--transition-fast);position:relative}.footer-link:hover{color:var(--text-primary)}.back-to-top{bottom:var(--space-8);right:var(--space-8);border:1px solid var(--border-hover);border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-primary);font-size:var(--text-base);cursor:pointer;transition:var(--transition-fast);z-index:100;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed}.back-to-top:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}@media (width<=1024px){.technologies-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.contact-grid{gap:var(--space-12);grid-template-columns:1fr}.hero-scroll-indicator{display:none}}@media (width<=768px){:root{--text-7xl:3.5rem;--text-6xl:3rem;--text-5xl:2.5rem;--text-4xl:2rem;--text-3xl:1.5rem}.section{padding:var(--space-20) var(--space-5)}.navbar-links{top:var(--nav-height);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:var(--space-8);gap:var(--space-2);background:#000000f5;flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0}.navbar-links.mobile-open{display:flex}.navbar-links a{font-size:var(--text-lg);padding:var(--space-4);color:var(--text-primary)}.mobile-toggle{display:flex}.project-card{gap:var(--space-4);grid-template-columns:1fr}.project-number{font-size:var(--text-xl)}.education-entry{gap:var(--space-2);flex-direction:column}.project-card,.publication-card{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.publication-meta-row{gap:var(--space-6)}.hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-16)}.footer-container{text-align:center;gap:var(--space-6);flex-direction:column}.footer-links{justify-content:center}}@media (width<=480px){.hero-actions{flex-direction:column;align-items:flex-start;width:100%}.hero-actions .btn-primary,.hero-actions .btn-outline{justify-content:center;width:100%}.project-links{gap:var(--space-3);flex-direction:column}.publication-links{align-items:flex-start;gap:var(--space-3);flex-direction:column}}