:root{--bg: #0d1117;--surface: #161b22;--surface-2: #1c2333;--border: #30363d;--text: #c9d1d9;--text-muted: #8b949e;--text-bright: #e6edf3;--accent: #f0a500;--accent-dim: #c48400;--accent-glow: rgba(240, 165, 0, .15);--blue: #58a6ff;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Outfit", system-ui, sans-serif;--nav-width: 220px;--content-max: 900px;--section-pad: 6rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.65;font-size:1.05rem;overflow-x:hidden}body.production-mode{--accent: #3b82f6;--accent-dim: #2563eb;--accent-glow: rgba(59, 130, 246, .15)}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--text-bright)}.mode-toggle{position:fixed;top:1.25rem;right:1.5rem;z-index:200;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-family:var(--mono);font-size:.75rem;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:.4rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);transition:border-color .3s,background .3s}.mode-toggle:hover{border-color:var(--accent);color:var(--text)}.lang-toggle{display:flex;gap:.25rem;margin-bottom:0;padding:.2rem;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.lang-btn{flex:1;font-family:var(--mono);font-size:.75rem;padding:.35rem .5rem;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:background .2s,color .2s}.lang-btn:hover{color:var(--text)}.lang-btn.active{background:var(--accent-glow);color:var(--accent)}.term-de{color:var(--text-muted);font-size:.92em;font-weight:400}html[lang=de] .term-de{display:none}.role-header h3 .term-de,.role-badge .term-de{font-size:.85em}.cert-name .term-de{display:block;margin-top:.2rem;font-size:.8rem}.mode-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);transition:background .3s,box-shadow .3s}body.production-mode .mode-dot{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.side-nav{position:fixed;left:0;top:0;bottom:0;width:var(--nav-width);padding:2.5rem 1.5rem;display:flex;flex-direction:column;z-index:100;border-right:1px solid transparent}.nav-logo{order:1;font-family:var(--mono);font-size:.85rem;font-weight:600;color:var(--accent)!important;letter-spacing:-.02em;margin-bottom:2.5rem}.nav-menu{order:2}.nav-social{order:3;margin-top:auto;margin-bottom:.85rem}.lang-toggle{order:4}.nav-toggle{order:5}.nav-links{list-style:none;display:flex;flex-direction:column;gap:.15rem;flex:1}.nav-links a{display:block;font-family:var(--mono);font-size:.8rem;color:var(--text-muted);padding:.35rem 0;transition:color .2s,transform .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-slash{color:var(--accent);margin-right:.15rem}.nav-social{display:flex;gap:.65rem;flex-wrap:wrap}.nav-social a{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s}.nav-social a:hover{color:var(--accent)}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{display:block;fill:currentColor}.icon-nav{width:1.5rem;height:1.5rem}.nav-toggle{display:none}.nav-menu{display:flex;flex-direction:column;flex:1}.nav-backdrop{display:none}.content{margin-left:var(--nav-width);padding:0 3rem 4rem;max-width:calc(var(--content-max) + var(--nav-width) + 6rem)}.hero{min-height:100vh;display:flex;align-items:center;padding:var(--section-pad) 0}.hero-grid{display:grid;grid-template-columns:1fr 280px;gap:3rem;align-items:center;width:100%}.hero-eyebrow{font-family:var(--mono);font-size:.85rem;color:var(--accent);margin-bottom:.75rem}.hero-name{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;color:var(--text-bright);line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem}.hero-tagline{font-family:var(--mono);font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--text-muted);margin-bottom:1.5rem;min-height:2rem}.typed-text{color:var(--accent)}.cursor{color:var(--accent);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-bio{max-width:540px;color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem}.cta-button{display:inline-block;font-family:var(--mono);font-size:.85rem;color:var(--accent)!important;border:1px solid var(--accent);padding:.75rem 1.5rem;border-radius:4px;transition:background .2s,color .2s}.cta-button:hover{background:var(--accent-glow);color:var(--text-bright)!important}.hero-photo-wrap{display:flex;justify-content:center}.hero-photo-frame{position:relative;width:260px;height:320px;border-radius:8px;overflow:hidden;border:2px solid var(--border);box-shadow:0 0 40px var(--accent-glow)}.hero-photo-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--accent);border-radius:8px;opacity:.3;z-index:1;pointer-events:none}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:65% 20%;display:block}.hero-photo-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-2),var(--surface));font-size:4rem;font-weight:700;color:var(--accent);font-family:var(--mono)}.section{padding:var(--section-pad) 0;border-top:1px solid var(--border)}.section-title{font-family:var(--mono);font-size:1.5rem;font-weight:500;color:var(--text-bright);margin-bottom:2rem;display:flex;align-items:center;gap:.25rem}.section-slash{color:var(--accent)}.section-body p{margin-bottom:1.25rem;max-width:680px}.section-intro{color:var(--text-muted);margin-bottom:2rem;font-family:var(--mono);font-size:.9rem}.subsection-title{font-family:var(--mono);font-size:1rem;color:var(--text-muted);margin:2.5rem 0 1.25rem}.about-aside{color:var(--text-muted)!important;font-style:italic}.tech-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 2rem}.tech-list li{font-family:var(--mono);font-size:.8rem;padding:.35rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);transition:border-color .2s,color .2s}.tech-list li:hover{border-color:var(--accent);color:var(--accent)}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.tab{font-family:var(--mono);font-size:.8rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .2s}.tab:hover{border-color:var(--accent);color:var(--text)}.tab.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.tab-panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.role-header h3{font-size:1.25rem;color:var(--text-bright);margin-bottom:.35rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.role-badge{font-family:var(--mono);font-size:.7rem;padding:.2rem .5rem;background:var(--accent-glow);border:1px solid var(--accent);color:var(--accent);border-radius:3px;font-weight:500}.role-meta{font-family:var(--mono);font-size:.8rem;color:var(--text-muted);margin-bottom:1.25rem}.role-bullets{list-style:none;display:flex;flex-direction:column;gap:.75rem;max-width:680px}.role-bullets li{position:relative;padding-left:1.25rem;color:var(--text-muted)}.role-bullets li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.5rem;transition:border-color .2s}.info-card:hover{border-color:var(--accent)}.info-card h3{font-size:1.05rem;color:var(--text-bright);margin-bottom:.5rem}.card-meta{font-family:var(--mono);font-size:.8rem;color:var(--accent);margin-bottom:.35rem}.card-detail{font-size:.9rem;color:var(--text-muted)}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.cert-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.25rem;display:flex;flex-direction:column;gap:.3rem;transition:border-color .2s,transform .2s}.cert-card:hover{border-color:var(--accent);transform:translateY(-2px)}.cert-issuer{font-family:var(--mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.cert-name{font-size:.95rem;color:var(--text-bright);font-weight:500}.cert-date{font-family:var(--mono);font-size:.75rem;color:var(--accent)}.lang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.lang-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.25rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .2s}.lang-card:hover{border-color:var(--accent)}.lang-card.fluent{border-left:3px solid var(--accent)}.lang-card.learning{border-left:3px solid var(--blue)}.lang-card.planned{border-left:3px solid var(--border);opacity:.75}.lang-name{font-size:1.1rem;color:var(--text-bright);font-weight:500}.lang-level{font-family:var(--mono);font-size:.75rem;color:var(--text-muted)}.lang-bar{display:block;height:3px;background:var(--border);border-radius:2px;margin-top:.35rem;overflow:hidden}.lang-bar span{display:block;height:100%;background:var(--blue);border-radius:2px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.5rem;position:relative;transition:border-color .2s,transform .2s}.project-card:hover{border-color:var(--accent);transform:translateY(-3px)}.project-card.pending{opacity:.85}.project-status{font-family:var(--mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;display:inline-block;padding:.2rem .5rem;border:1px dashed var(--border);border-radius:3px}.project-card h3{font-size:1.05rem;color:var(--text-bright);margin-bottom:.5rem}.project-card p{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.5}.project-tech{font-family:var(--mono);font-size:.7rem;color:var(--accent)}.contact-block{max-width:520px}.contact-block p{margin-bottom:1.5rem;color:var(--text-muted)}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;max-width:560px}.social-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.65rem .75rem;display:flex;align-items:center;gap:.5rem;transition:border-color .2s,transform .2s;color:inherit}.social-card:hover{border-color:var(--accent);transform:translateY(-2px);color:inherit}.icon-card{width:1.2rem;height:1.2rem;flex-shrink:0;color:var(--accent)}.social-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.social-platform{font-size:.8rem;color:var(--text-bright);font-weight:500}.social-handle{font-family:var(--mono);font-size:.68rem;color:var(--accent)}.footer{padding:3rem 0 1rem;border-top:1px solid var(--border);font-family:var(--mono);font-size:.8rem;color:var(--text-muted)}.footer p+p{margin-top:.35rem}.footer-credit{font-size:.75rem;opacity:.85}@media(max-width:900px){.side-nav{position:fixed;top:0;left:0;right:0;bottom:auto;width:100%;height:auto;display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"logo lang toggle" "social social social" "menu menu menu";align-items:center;padding:.75rem 1.25rem;gap:.75rem;background:#0d1117eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:150}.nav-logo{grid-area:logo;margin-bottom:0;justify-self:start}.lang-toggle{grid-area:lang;margin-bottom:0;margin-left:0}.nav-social{grid-area:social;margin-top:0;margin-bottom:0;padding:0;gap:.85rem;justify-content:flex-start}.nav-toggle{grid-area:toggle;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:2.5rem;height:2.5rem;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .2s}.nav-toggle:hover{border-color:var(--accent)}.nav-toggle-bar{display:block;width:1.1rem;height:2px;background:var(--text);border-radius:1px;transition:transform .25s,opacity .25s}body.nav-open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}body.nav-open .nav-toggle-bar:nth-child(2){opacity:0}body.nav-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu{grid-area:menu;display:none;flex-direction:column;width:100%;padding-top:.5rem;border-top:1px solid var(--border);animation:menuIn .2s ease}body.nav-open .nav-menu{display:flex}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-links{flex-direction:column;flex:0;gap:0;width:100%;margin-top:0}.nav-links a{padding:.9rem 0;font-size:.95rem;border-bottom:1px solid var(--border)}.nav-links li:last-child a{border-bottom:none}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:140;opacity:0;pointer-events:none;transition:opacity .25s}body.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.content{margin-left:0;padding:5rem 1.25rem 3rem}.hero{min-height:auto;padding:2rem 0 3rem}.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-photo-wrap{order:-1}.hero-photo-frame{width:200px;height:250px}.section{padding:3.5rem 0}.mode-toggle{top:auto;bottom:1rem;right:1rem}}@media(max-width:480px){.tabs{flex-direction:column}.tab{text-align:left}}