:root{--bg-1:#051220;--bg-2:#081426;--panel: rgba(255,255,255,.03);--muted: rgba(230,243,255,.85);--accent: #b984ff;--neon: #9b59ff;--glass: rgba(10,14,20,.6);--project-color: #6ee7ff;--wirtschaft-color: #a7b810;--ehrenamt-color: #2f8f68}*{box-sizing:border-box}html,body,#app{height:100%}html{background:var(--bg-2);overscroll-behavior-x:none}body{margin:0;min-width:320px;overflow-x:hidden;overscroll-behavior-x:none;background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 60%);color:var(--muted);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 56px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 32px),radial-gradient(500px 200px at 8% 10%,rgba(110,231,255,.02),transparent 30%),radial-gradient(700px 300px at 92% 82%,rgba(57,255,190,.02),transparent 30%);mix-blend-mode:overlay;opacity:.95}#app{position:relative;z-index:1}a{color:var(--accent);transition:color .16s ease}a:hover{color:#fff}.page-shell{width:min(1120px,calc(100% - 36px));margin:24px auto;padding:28px 0 56px}.nav{display:flex;justify-content:space-between;align-items:center;padding:8px 0 20px}.nav__brand{font-weight:800;color:var(--neon);letter-spacing:1px}.nav__links a{margin-left:14px;color:var(--muted);font-size:.95rem}.hero{display:grid;grid-template-columns:1.5fr .9fr;gap:20px;align-items:stretch}.hero__copy{display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:28px;border-radius:12px;border:1px solid rgba(255,255,255,.04);box-shadow:0 12px 30px #0009}.hero__panel{padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff03,#ffffff02)}.eyebrow{font-size:.78rem;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin:0 0 10px}h1{font-size:clamp(1.8rem,4.5vw,2.6rem);margin:0}.lead{margin-top:12px;color:var(--muted);font-size:1rem}.hero__actions{margin-top:auto;padding-top:24px;display:flex;flex-wrap:wrap;gap:8px}.hero__actions .button{min-height:34px;padding:7px 10px;font-size:.85rem}.button{display:inline-flex;align-items:center;min-height:40px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff05,#ffffff02);color:var(--muted);cursor:pointer}.button--primary{background:linear-gradient(150deg,transparent,var(--neon));color:#fff;border:none;box-shadow:0 10px 30px #9b59ff0f}.button--ghost{background:transparent;border:1px dashed rgba(255,255,255,.04);color:var(--accent)}.button--project,.button--wirtschaft,.button--ehrenamt{position:relative;background:transparent;border:1px dashed rgba(255,255,255,.04);color:var(--accent);box-shadow:none;padding-left:17px}.button--project:before,.button--wirtschaft:before,.button--ehrenamt:before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:3px;border-radius:0 3px 3px 0}.button--project:before{background:var(--project-color);box-shadow:0 0 8px #6ee7ff80}.button--wirtschaft:before{background:var(--wirtschaft-color);box-shadow:0 0 8px #a7b81066}.button--ehrenamt:before{background:var(--ehrenamt-color);box-shadow:0 0 8px #2f8f6866}.button:hover{background:var(--accent);color:#fff;border:none;box-shadow:0 10px 30px #6ee7ff0f}.button--project:hover,.button--wirtschaft:hover,.button--ehrenamt:hover{border:1px dashed rgba(255,255,255,.04)}.button--primary:hover{background:var(--accent);color:#fff;border:none;box-shadow:0 10px 30px #9b59ff0f}.panel-card{padding:12px;border-radius:8px;background:#ffffff03;border:1px solid rgba(255,255,255,.04);margin-bottom:10px}.panel-card span{display:block;font-size:.75rem;color:var(--muted);text-transform:uppercase}.panel-card strong{display:block;margin-top:6px}.language-list{display:flex;flex-direction:column;gap:0}.panel-card .language-item{display:flex;align-items:center;gap:8px;font-size:.95rem}.panel-card .language-item+.language-item{margin-top:16px}.language-flag{width:24px;height:16px;flex:0 0 24px;border-radius:2px;box-shadow:0 0 0 1px #ffffff2e}.section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.info-card{background:linear-gradient(180deg,#ffffff03,#ffffff02);padding:18px;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.skills-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.skills-selector__item{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;text-align:left;color:var(--muted);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;font:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.skills-selector__item:hover,.skills-selector__item--active{background:#9b59ff1f;border-color:#b984ff80;transform:translateY(-2px)}.skills-selector__marker{width:12px;height:12px;flex:0 0 12px;border:2px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;transition:background .16s ease,box-shadow .16s ease}.skills-selector__item--active .skills-selector__marker{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #b984ffa6}.skills-selector__item strong,.skills-selector__item small{display:block}.skills-selector__item strong{color:#fff}.skills-selector__item small{margin-top:3px;font-size:.75rem;opacity:.7}.skills-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;margin-top:14px;padding:20px;border:1px solid rgba(185,132,255,.3);border-radius:10px;background:linear-gradient(110deg,#9b59ff1f,#ffffff05);box-shadow:0 12px 30px #00000040}.skills-detail h3{margin:0;font-size:1.2rem;color:#fff}.skills-detail p{margin:8px 0 0}.skills-detail__list{display:flex;flex-wrap:wrap;align-content:start;gap:10px;margin:0;padding:0;list-style:none}.skills-detail__list li{padding:8px 11px;border:1px solid rgba(185,132,255,.35);border-radius:6px;color:#fff;background:#ffffff0a}.work-role{margin-bottom:2px}.work-company{margin:0;font-size:.75rem}#wirtschaft .info-card,.ehrenamt-card{position:relative;transition:transform .16s ease,box-shadow .16s ease}#wirtschaft .info-card:before,.ehrenamt-card:before,.project-card:before{content:"";position:absolute;top:10px;bottom:10px;left:0;width:4px;border-radius:0 4px 4px 0}#wirtschaft .info-card:before{background:var(--wirtschaft-color);box-shadow:0 0 12px #b984ff73}#ehrenamt .ehrenamt-card:before{background:var(--ehrenamt-color);box-shadow:0 0 12px #2f8f6866}#wirtschaft .info-card:hover,.ehrenamt-card:hover{transform:translateY(-8px);box-shadow:0 18px 38px #0009}.ehrenamt-track{grid-column:1/-1;display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 4px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.ehrenamt-card{flex:0 0 280px;min-height:190px;scroll-snap-align:start}.ehrenamt-track::-webkit-scrollbar{height:8px}.ehrenamt-track::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.timeline-section{margin-top:44px}.timeline-heading{margin-bottom:24px}.timeline-heading h2{margin:0;max-width:560px}.timeline-overview{position:relative;width:100%;height:3px;margin:0 0 20px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 7px,transparent 7px 13px);border-radius:999px}.timeline-overview__active{position:absolute;top:-2px;left:var(--timeline-start);width:var(--timeline-width);height:7px;min-width:5px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px #b984ffa6;transition:left .18s ease,width .18s ease}.timeline-years{position:relative;height:18px;margin:-12px 0 4px;color:#e6f3ff8c;font-size:.68rem}.timeline-year{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.timeline-year:first-child{transform:none}.timeline-year:last-child{transform:translate(-100%)}.timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:18px 0 12px}.timeline-line{position:absolute;top:39px;left:5%;right:5%;height:2px;background:#ffffff24}.timeline-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0 6px;border:0;background:transparent;color:var(--muted);font:inherit;text-align:center;cursor:pointer}.timeline-dot{width:18px;height:18px;border:3px solid var(--bg-2);border-radius:50%;background:#ffffff47;box-shadow:0 0 0 2px #fff3;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.timeline-item:hover .timeline-dot,.timeline-item--active .timeline-dot{background:var(--accent);box-shadow:0 0 0 3px #b984ff33,0 0 18px #b984ff8c;transform:scale(1.15)}.timeline-period{font-size:.78rem;color:var(--accent);white-space:nowrap}.timeline-item strong{font-size:.95rem;color:#fff}.timeline-type{font-size:.75rem;opacity:.7}.timeline-detail{display:grid;grid-template-columns:.8fr 1.2fr auto;gap:24px;margin-top:14px;padding:22px;border:1px solid rgba(185,132,255,.3);border-radius:10px;background:linear-gradient(110deg,#9b59ff1f,#ffffff05);box-shadow:0 12px 30px #00000040}.timeline-detail h3{margin:0;font-size:1.25rem;color:#fff}.timeline-detail p{margin:8px 0 0}.timeline-detail__period{color:var(--accent)}.timeline-detail__organization{font-weight:700;color:#fff}.timeline-detail__more{display:flex;align-items:center;gap:8px;align-self:center;color:var(--accent);font-weight:700;white-space:nowrap}.timeline-detail__more svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.projects-band{grid-column:1/-1;padding:8px 0 0}.projects-band>h2{margin:0 0 12px}.projects-track{grid-column:1/-1;display:flex;gap:16px;overflow-x:auto;padding:14px 6px 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.project-card{position:relative;flex:0 0 360px;scroll-snap-align:center;background:linear-gradient(180deg,#ffffff05,#ffffff02);border-radius:10px;border:1px solid rgba(255,255,255,.04);padding:16px;min-height:180px;box-shadow:0 10px 26px #0000008c;transition:transform .16s ease,box-shadow .16s ease}#projects .project-card:before{background:var(--project-color);box-shadow:0 0 12px #6ee7ff80}.project-card:hover{transform:translateY(-8px);box-shadow:0 18px 38px #0009}.project-card h3{font-size:1rem;margin-bottom:8px}.project-links{margin-top:10px;font-size:.95rem;color:var(--muted)}.projects-track::-webkit-scrollbar{height:10px}.projects-track::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:999px}.site-footer{margin-top:30px;padding:24px 0 0;text-align:center;color:#ffffff8c;border-top:1px solid rgba(255,255,255,.08)}.footer-links{display:flex;justify-content:center;gap:14px}.footer-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--muted);transition:color .16s ease,border-color .16s ease,transform .16s ease}.footer-link:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.footer-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.site-footer p{margin:16px 0 0}@media(max-width:900px){.hero,.section-grid,.skills-selector{grid-template-columns:1fr}.projects-track{padding:12px}.timeline{display:flex;flex-direction:column;gap:16px;padding:0 0 0 18px}.timeline-line{top:8px;bottom:8px;left:26px;width:2px;height:auto;right:auto}.timeline-item{display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;text-align:left;padding:0}.timeline-dot{grid-row:1 / span 2;grid-column:1}.timeline-period,.timeline-item strong{grid-column:2}.timeline-type{display:none}.timeline-detail,.skills-detail{grid-template-columns:1fr;gap:8px}}