@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-main: "Inter", sans-serif;--bg-color: #020604;--surface-color: #0a120e;--surface-hover: #13201d;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-primary: #059669;--accent-secondary: #0f766e;--accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 2rem;--border-radius: 12px;--transition-speed: .3s;--border-color: rgba(255, 255, 255, .1);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--tag-bg: rgba(255, 255, 255, .05);--tag-bg-hover: rgba(255, 255, 255, .2)}[data-theme=light]{--bg-color: #f8fafc;--surface-color: #ffffff;--surface-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: rgba(0, 0, 0, .1);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--tag-bg: rgba(0, 0, 0, .05);--tag-bg-hover: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-speed),color var(--transition-speed)}.page-transition{opacity:0;transition:opacity .4s ease-in-out}body.page-transition.is-loaded{opacity:1}.header{position:fixed;top:0;width:100%;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;z-index:100;background:rgba(var(--bg-color),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}.logo{font-weight:700;font-size:1.5rem;letter-spacing:-.05em;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav{display:flex;gap:var(--spacing-md)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-speed)}.nav-link:hover{color:var(--text-primary)}.header-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.language-switcher{display:flex;gap:4px;background:var(--surface-color);border-radius:20px;border:1px solid var(--border-color);position:relative;padding:4px;z-index:10}.lang-glider{position:absolute;top:4px;left:4px;height:calc(100% - 8px);background:var(--accent-gradient);border-radius:12px;transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:1}.lang-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 10px;font-size:.85rem;font-weight:600;border-radius:16px;transition:all var(--transition-speed);font-family:var(--font-main);position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.lang-btn:hover{color:var(--text-primary);background:var(--tag-bg-hover)}.lang-btn.active{color:#fff}.theme-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.sun-icon{display:none}.moon-icon,[data-theme=light] .sun-icon{display:block}[data-theme=light] .moon-icon{display:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 10%;position:relative;overflow:hidden}.hero-content{max-width:600px;z-index:10}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:var(--spacing-sm);font-weight:800}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.hero-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);max-width:480px}.hero-actions{display:flex;gap:var(--spacing-sm)}.btn{padding:.8rem 1.6rem;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;display:inline-block}.btn-primary{background:var(--accent-gradient);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #05966966}.btn-secondary{background:transparent;border:1px solid var(--text-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-primary)}.hero-visual{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.visual-circle{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--accent-gradient);opacity:.2;filter:blur(80px);animation:pulse 5s infinite alternate;z-index:0}.hero-avatar{position:absolute;width:320px;height:320px;border-radius:50%;object-fit:cover;z-index:1;border:4px solid rgba(255,255,255,.1);animation:float 6s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.8)}to{transform:scale(1.1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.section{padding:var(--spacing-xl) 10%}.section-title{font-size:2.5rem;margin-bottom:var(--spacing-lg);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;left:0;bottom:-10px;width:60px;height:4px;background:var(--accent-gradient);border-radius:2px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:start}.about-text p{margin-bottom:var(--spacing-sm);font-size:1.1rem;color:var(--text-secondary)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.tag{background:var(--tag-bg);color:var(--text-secondary);padding:4px 12px;border-radius:4px;font-size:.9rem;transition:all .2s;cursor:pointer;border:2px solid transparent}.tag:hover{background:var(--tag-bg-hover);color:var(--text-primary);transform:translateY(-2px)}.tag.active{background:var(--accent-gradient);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0596694d;border-color:#fff3}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.project-card{background:var(--surface-color);border-radius:var(--border-radius);overflow:hidden;transition:all .4s ease;border:1px solid var(--border-color);box-shadow:var(--card-shadow);display:flex;flex-direction:column}.project-card.highlight{transform:scale(1.02);box-shadow:0 0 20px #05966966;border-color:var(--accent-primary);z-index:2}.project-card.dim{opacity:.4;transform:scale(.98)}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003;border-color:#05966980}.project-image{height:200px;background-color:#2a2a2a;background-size:cover;background-position:center;position:relative;display:block;text-decoration:none;cursor:pointer}.project-info{padding:var(--spacing-md);flex-grow:1;display:flex;flex-direction:column}.project-title{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.project-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:5}.badge{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 4px #0003}.badge-type{background:#0009;color:#fff}.badge-date{background:#000000bf;color:#fff;border-color:#fff3;margin-left:auto}.project-badges:has(.badge-type):has(.badge-date) .badge-date{margin-left:0}.badge-date:first-child{margin-left:auto}.badge-eth{background:#215cafd9;border-color:#215caf80}.badge-epfl{background:#e31919d9;border-color:#e3191980}.badge-sbb{background:#eb0000d9;border-color:#eb000080}.project-desc{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);flex-grow:1}.project-tags{margin-bottom:var(--spacing-sm);display:flex;flex-wrap:wrap;gap:4px}.mini-tag{font-size:.75rem;color:var(--text-secondary);background:var(--tag-bg);padding:2px 8px;border-radius:4px}.project-link{color:var(--accent-secondary);text-decoration:none;font-weight:500;align-self:flex-start}.project-link:hover{text-decoration:underline}.contact-card{background:var(--surface-color);border:1px solid var(--border-color);padding:var(--spacing-lg);border-radius:24px;text-align:center;max-width:800px;margin:0 auto}.contact-card .btn{margin-top:var(--spacing-md)}.contact-card .section-title:after{display:none}.social-links{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.social-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.social-links a:hover{color:var(--accent-primary)}.footer{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);font-size:.9rem}.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp .8s forwards ease-out}.delay-200{animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.fade-in-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-scroll.is-visible{opacity:1;transform:translateY(0)}.project-page-main{padding-top:80px}.project-header-image{width:100%;height:40vh;background-size:cover;background-position:center;position:relative;margin-bottom:var(--spacing-md)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,var(--bg-color))}.project-content-container{max-width:800px;margin:0 auto;padding:0 var(--spacing-md) var(--spacing-xl)}.back-link{display:inline-block;color:var(--text-secondary);text-decoration:none;margin-bottom:var(--spacing-sm);font-weight:500}.back-link:hover{color:var(--text-primary)}.project-page-title{font-size:3rem;font-weight:800;margin-bottom:var(--spacing-sm);line-height:1.1}.project-meta{margin-bottom:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--spacing-sm)}.project-full-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.placeholder-content{background:var(--surface-color);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.05)}.placeholder-content h3{margin-bottom:var(--spacing-sm)}.placeholder-content ul{padding-left:20px;color:var(--text-secondary)}@media(max-width:768px){.nav{display:none}.header{justify-content:space-between}.header-controls{gap:.5rem}.language-switcher{padding:3px;gap:2px}.lang-btn{padding:3px 8px;font-size:.75rem}.hero-title{font-size:2.5rem}.section{padding:var(--spacing-lg) 5%}.about-grid{grid-template-columns:1fr}.hero{flex-direction:column-reverse;justify-content:center;text-align:center;padding-top:100px}.hero-actions{justify-content:center}.hero-visual{width:300px;height:300px;margin-bottom:var(--spacing-lg)}.hero-avatar{width:240px;height:240px}}.rounded{border-radius:var(--border-radius)}.shadow{box-shadow:0 10px 30px #0003}.content-image{width:100%;height:auto;display:block}.project-image-figure{margin:var(--spacing-md) 0}.project-image-figure figcaption{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-top:var(--spacing-xs)}.d-list{padding-left:20px;list-style-position:outside}.d-list li{margin-bottom:.5rem}