*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #060a08;--bg-elev: #0d1411;--border: #1b2922;--text: #e6efe9;--muted: #8fa39a;--accent: #10b981;--accent-2: #a3e635;--accent-rgb: 16, 185, 129;--on-accent: #04130c;--nav-bg: rgba(13, 20, 17, .7);--grain-opacity: .05;--sun: inline;--moon: none;--radius: 20px;--font-head: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;color-scheme:dark}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #f4f8f5;--bg-elev: #ffffff;--border: #d9e5dd;--text: #0b1a12;--muted: #536a5d;--accent: #059669;--accent-2: #4d7c0f;--accent-rgb: 5, 150, 105;--on-accent: #ffffff;--nav-bg: rgba(255, 255, 255, .75);--grain-opacity: .03;--sun: none;--moon: inline;color-scheme:light}}:root[data-theme=light]{--bg: #f4f8f5;--bg-elev: #ffffff;--border: #d9e5dd;--text: #0b1a12;--muted: #536a5d;--accent: #059669;--accent-2: #4d7c0f;--accent-rgb: 5, 150, 105;--on-accent: #ffffff;--nav-bg: rgba(255, 255, 255, .75);--grain-opacity: .03;--sun: none;--moon: inline;color-scheme:light}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit}::selection{background:var(--accent);color:var(--on-accent)}.container{max-width:1120px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}.accent{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.progress{display:none}@supports (animation-timeline: scroll()){.progress{display:block;position:fixed;top:0;left:0;right:0;height:3px;z-index:50;transform-origin:left;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:progress linear;animation-timeline:scroll()}}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.nav{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:.25rem;padding:.4rem;border-radius:999px;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);max-width:calc(100% - 2rem)}.nav-logo{font-family:var(--font-head);font-weight:700;text-decoration:none;padding:.4rem .9rem}.nav-links{display:flex}.nav-links a{text-decoration:none;color:var(--muted);font-size:.92rem;padding:.4rem .8rem;border-radius:999px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:rgba(var(--accent-rgb),.1)}.nav-cta{text-decoration:none;font-size:.92rem;font-weight:600;padding:.45rem 1rem;border-radius:999px;background:var(--accent);color:var(--on-accent)}.theme-toggle{width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--text);font-size:1.05rem;cursor:pointer}.theme-toggle:hover{background:rgba(var(--accent-rgb),.12)}.icon-sun{display:var(--sun)}.icon-moon{display:var(--moon)}@media (max-width: 640px){.nav-links{display:none}}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:8rem 0 6rem;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}.hero .container{position:relative;width:100%}.aurora span{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:drift 18s ease-in-out infinite alternate}.aurora span:nth-child(1){width:520px;height:520px;top:-120px;right:-80px;background:var(--accent)}.aurora span:nth-child(2){width:380px;height:380px;top:20%;right:25%;background:var(--accent-2);opacity:.18;animation-duration:22s}.aurora span:nth-child(3){width:300px;height:300px;bottom:-60px;left:-60px;background:#14b8a6;opacity:.2;animation-duration:26s}@keyframes drift{to{transform:translate(-60px,50px) scale(1.15)}}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.9rem;border:1px solid var(--border);background:var(--bg-elev);padding:.4rem .9rem;border-radius:999px;margin-bottom:2rem}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 rgba(var(--accent-rgb),.6);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(var(--accent-rgb),0)}to{box-shadow:0 0 rgba(var(--accent-rgb),0)}}.hero h1{font-family:var(--font-head);font-size:clamp(2.6rem,8vw,5.6rem);line-height:1.02;letter-spacing:-.03em;margin-bottom:1.8rem}.h1-sub{display:block;color:var(--muted);font-weight:500}.rotator{display:inline-block;vertical-align:bottom;overflow:hidden;height:1.1em;line-height:1.1}.rotator-word{display:inline-block;font-weight:700;animation:rotate-in .5s cubic-bezier(.2,.8,.2,1)}@keyframes rotate-in{0%{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}.tagline{font-size:clamp(1.1rem,2.2vw,1.4rem);max-width:680px;margin-bottom:2.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.rail{position:absolute;left:0;right:0;bottom:3rem;height:2px;background:repeating-linear-gradient(90deg,var(--border) 0 14px,transparent 14px 22px)}.rail-train{position:absolute;top:-2px;left:-160px;width:140px;height:6px;border-radius:6px;background:linear-gradient(90deg,transparent,var(--accent));box-shadow:0 0 20px var(--accent);animation:train 6s cubic-bezier(.6,0,.4,1) infinite}@keyframes train{to{left:100%}}.btn{display:inline-block;padding:.85rem 1.5rem;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{box-shadow:0 8px 30px rgba(var(--accent-rgb),.4)}.btn-ghost{border:1px solid var(--border);background:var(--bg-elev)}.btn-ghost:hover{border-color:var(--accent)}.spot{position:relative;overflow:hidden}.spot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--x, 50%) var(--y, 50%),rgba(var(--accent-rgb),.14),transparent 60%)}.spot:hover:before{opacity:1}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:-2rem}.tile{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;transition:opacity .7s ease,transform .7s ease,border-color .3s}.tile:hover{border-color:rgba(var(--accent-rgb),.5)}.tile-about{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}.tile-kicker{color:var(--accent);font-family:var(--font-head);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.tile-text{font-size:1.15rem;line-height:1.6}.tile-big{font-family:var(--font-head);font-size:1.25rem;font-weight:700;margin-top:.6rem}.tile-muted,.stat-label{color:var(--muted)}.stat-value{font-family:var(--font-head);font-size:3.4rem;font-weight:700;line-height:1;margin-bottom:.6rem;color:var(--accent)}@media (max-width: 900px){.bento{grid-template-columns:repeat(2,1fr)}.tile-about{grid-row:auto}}@media (max-width: 520px){.bento{grid-template-columns:1fr}.tile-about{grid-column:auto}}.marquee{margin-top:5rem;padding:1.2rem 0;border-block:1px solid var(--border);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee-track{display:flex;gap:3rem;width:max-content;animation:marquee 40s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-family:var(--font-head);font-size:1.3rem;font-weight:500;color:var(--muted);white-space:nowrap}.marquee-track span:before{content:"✦";color:var(--accent);margin-right:3rem}@keyframes marquee{to{transform:translate(calc(-50% - 1.5rem))}}.section{padding-top:7rem}section[id]{scroll-margin-top:1rem}.section-kicker{color:var(--accent);font-family:var(--font-head);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.section h2{font-family:var(--font-head);font-size:clamp(2rem,4.5vw,3rem);letter-spacing:-.02em;line-height:1.15;margin-bottom:2.5rem}h3{font-family:var(--font-head);font-size:1.2rem}.grid-3,.grid-2{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem;transition:opacity .7s ease,transform .7s ease,border-color .3s}.card:hover{border-color:rgba(var(--accent-rgb),.5)}.card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:1.4rem;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.25);margin-bottom:1.2rem}.card h3{margin-bottom:.5rem}.card p{color:var(--muted)}.card-num{position:absolute;top:1.2rem;right:1.5rem;font-family:var(--font-head);font-size:2.4rem;font-weight:700;color:var(--border)}.tags,.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.tags{margin-top:1.2rem}.tags li{font-size:.8rem;padding:.2rem .65rem;border-radius:999px;background:rgba(var(--accent-rgb),.12);color:var(--accent)}.chips{margin-top:1rem}.chips li{font-size:.9rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.timeline{list-style:none;position:relative;padding-left:2.5rem}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--accent),var(--border))}.stop{position:relative;padding-bottom:3rem}.stop:last-child{padding-bottom:0}.stop-dot{position:absolute;left:calc(-2.5rem + 1px);top:6px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--muted)}.stop.current .stop-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 6px rgba(var(--accent-rgb),.2)}.stop-when{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stop-place{color:var(--accent);margin-bottom:.4rem}.stop p:last-child{color:var(--muted);max-width:640px}.contact{text-align:center;padding:4.5rem 1.5rem;border-radius:28px;border:1px solid var(--border);background:radial-gradient(circle at 50% 0%,rgba(var(--accent-rgb),.2),transparent 60%),var(--bg-elev)}.contact h2{margin-bottom:1rem}.contact p:not(.section-kicker){color:var(--muted);max-width:520px;margin:0 auto 2rem}.contact-mail{display:inline-block;font-family:var(--font-head);font-size:clamp(1.4rem,5vw,2.6rem);font-weight:700;text-decoration:none;margin-bottom:2rem;overflow-wrap:anywhere;background:linear-gradient(90deg,var(--accent),var(--accent-2)) left bottom / 0 3px no-repeat;transition:background-size .4s}.contact-mail:hover{background-size:100% 3px}.contact .hero-actions{justify-content:center}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:var(--muted);font-size:.9rem;padding-top:3rem;padding-bottom:3rem;margin-top:6rem;border-top:1px solid var(--border)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.aurora span,.marquee-track,.rotator-word,.pulse{animation:none}.rail-train{display:none}}.stop-when{display:inline-flex;align-items:center;gap:.6rem}.stop-type{font-size:.7rem;padding:.1rem .55rem;border-radius:999px;border:1px solid var(--border)}.type-beruf{color:var(--accent);border-color:rgba(var(--accent-rgb),.35)}.type-bildung{color:var(--accent-2)}.type-zertifikat{color:var(--text)}.menu-toggle{display:none;width:36px;height:36px;border:none;border-radius:50%;background:transparent;cursor:pointer;place-items:center}.menu-toggle:hover{background:rgba(var(--accent-rgb),.12)}.burger{display:grid;gap:4px;width:16px}.burger span{display:block;height:2px;border-radius:2px;background:var(--text);transition:transform .25s,opacity .2s}.burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);width:min(300px,calc(100vw - 2rem));display:grid;padding:.5rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);box-shadow:0 20px 50px #00000059;animation:menu-in .2s ease}.nav-menu a{display:flex;align-items:center;gap:.8rem;padding:.75rem .9rem;border-radius:12px;text-decoration:none;font-family:var(--font-head);font-size:1.1rem;font-weight:500}.nav-menu a:hover{background:rgba(var(--accent-rgb),.1)}.nav-menu-num{font-size:.75rem;color:var(--accent)}@keyframes menu-in{0%{opacity:0;transform:translate(-50%,-6px)}}.show-more{display:none;margin:2rem 0 0 2.5rem;padding:.7rem 1.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.show-more:hover{border-color:var(--accent)}@media (max-width: 640px){.menu-toggle{display:grid}.show-more{display:inline-block}.timeline.collapsed .stop-older{display:none}.timeline.collapsed .stop:has(+.stop-older){padding-bottom:0}.section{padding-top:4.5rem}section[id]{scroll-margin-top:.5rem}.section h2{margin-bottom:1.8rem}.card,.tile{padding:1.4rem}.stop{padding-bottom:2.2rem}.marquee{margin-top:3.5rem}.footer{margin-top:4rem}}