@font-face{font-family:Anybody;font-style:normal;font-weight:100;font-stretch:100%;font-display:swap;src:url(/fonts/anybody-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anybody;font-style:normal;font-weight:100;font-stretch:100%;font-display:swap;src:url(/fonts/anybody-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anybody;font-style:normal;font-weight:100;font-stretch:100%;font-display:swap;src:url(/fonts/anybody-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anybody;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(/fonts/anybody-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anybody;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(/fonts/anybody-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anybody;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(/fonts/anybody-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #f7e320;--accent-glow: rgba(247, 227, 32, .3);--radius-sm: 2px;--radius: 6px;--max-width: 1000px;--section-pad: 72px 24px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "Courier New", Courier, monospace}[data-theme=dark]{--bg: #282828;--bg-alt: #222222;--bg-nav: rgba(40, 40, 40, .95);--bg-card: #303030;--border: rgba(255, 255, 255, .08);--border-card: #3e3e3e;--text-primary: #f0f0f0;--text-secondary: #999999;--text-muted: #666666;--dot-color: rgba(255, 255, 255, .17);--nav-gradient: linear-gradient(180deg, #282828 55%, transparent);--circle-fill: #282828}[data-theme=light]{--accent: #7c3aed;--accent-glow: rgba(124, 58, 237, .25);--bg: #f3f3f1;--bg-alt: #eaeae8;--bg-nav: rgba(243, 243, 241, .95);--bg-card: #ffffff;--border: rgba(0, 0, 0, .08);--border-card: #ddddd9;--text-primary: #111111;--text-secondary: #555555;--text-muted: #999999;--dot-color: rgba(0, 0, 0, .17);--nav-gradient: linear-gradient(180deg, #f3f3f1 55%, transparent);--circle-fill: #f3f3f1}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}#nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;background:var(--nav-gradient);transition:background .3s,border-bottom .3s,padding .3s}#nav.scrolled{background:var(--bg-nav);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:12px 0}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent-glow);flex-shrink:0}.logo-text{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--text-primary)}.nav-right{display:flex;align-items:center;gap:20px}.nav-link{position:relative;color:var(--text-secondary);text-decoration:none;font-size:13px;letter-spacing:.3px;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--accent);transition:width .25s ease}.nav-link:hover:after{width:100%}.theme-toggle{background:none;border:1px solid var(--border);color:var(--text-secondary);font-size:15px;padding:3px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,color .2s;line-height:1}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}[data-theme=light] .theme-toggle:hover{border-color:var(--text-primary);color:var(--text-primary)}.lang-toggle{background:none;border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);letter-spacing:1px;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,color .2s}.lang-toggle:hover{border-color:var(--accent);color:var(--accent)}[data-theme=light] .lang-toggle:hover{border-color:var(--text-primary);color:var(--text-primary)}[data-lang=de] .lang-toggle .lang-de,[data-lang=en] .lang-toggle .lang-en{color:var(--accent);font-weight:700}[data-theme=light][data-lang=de] .lang-toggle .lang-de,[data-theme=light][data-lang=en] .lang-toggle .lang-en{color:var(--text-primary)}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-burger span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:background .2s}.nav-burger:hover span{background:var(--text-primary)}.nav-mobile{display:flex;flex-direction:column;overflow:hidden;max-height:0;padding:0 24px;border-top:1px solid transparent;background:var(--bg-nav);transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .35s ease,border-color .3s}.nav-mobile.open{max-height:300px;padding:12px 24px 20px;border-top-color:var(--border)}.nav-mobile-link{color:var(--text-secondary);text-decoration:none;font-size:15px;padding:12px 0;border-bottom:1px solid var(--border);transition:color .2s}.nav-mobile-link:hover{color:var(--text-primary)}@media(max-width:640px){.nav-right .nav-link{display:none}.nav-burger{display:flex}}.section{padding:var(--section-pad)}.section-alt{padding:var(--section-pad);background:var(--bg-alt)}.section-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}[data-theme=light] .section-label{color:var(--accent)}.section-label:before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent-glow);flex-shrink:0}.projekte-header-card{display:block;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:20px 28px;margin-bottom:32px;box-shadow:0 4px 16px #0000002e}.projekte-header-card .section-headline{margin-bottom:0}.section-headline{font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.5px;margin-bottom:32px;line-height:1.15;color:var(--text-primary)}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#111;font-weight:800;font-size:13px;padding:11px 22px;border:none;border-radius:var(--radius-sm);text-decoration:none;letter-spacing:.5px;text-transform:uppercase;transition:opacity .2s,transform .15s}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}[data-theme=light] .btn-primary{color:#fff}.btn-ghost{color:var(--text-secondary);font-size:14px;text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:2px;transition:color .2s,border-color .2s}.btn-ghost:hover{color:var(--text-primary);border-color:var(--text-muted)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text-primary);font-weight:700;font-size:14px;padding:11px 22px;border-radius:var(--radius-sm);border:1.5px solid var(--border);text-decoration:none;letter-spacing:.3px;transition:border-color .2s,color .2s,transform .15s}.btn-secondary:hover{border-color:var(--text-muted);transform:translateY(-1px)}#hero-circle{display:none}#projekte-circle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:1}#projekte .container{position:relative;z-index:1}@media(max-width:640px){#hero-circle{width:380px;height:380px;top:-120px;right:-60px}}#hero{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden}.hero-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--bg);background-image:radial-gradient(circle,var(--dot-color) 1.5px,transparent 1.5px);background-size:22px 22px;pointer-events:none}.hero-grid-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 60%,transparent 30%,var(--bg) 80%)}.hero-inner{position:relative;z-index:1;padding-top:120px;padding-bottom:80px;max-width:700px}.hero-headline{font-family:"Anybody",var(--font);font-size:clamp(60px,9vw,108px);font-weight:900;line-height:.88;letter-spacing:-2px;text-transform:uppercase;margin-bottom:18px;color:var(--text-primary)}.hero-accent{color:var(--accent)}.hero-rule{width:100%;max-width:520px;height:3px;background:linear-gradient(90deg,var(--accent),transparent);margin-bottom:14px}.hero-tagline{font-family:var(--font-mono);font-size:13px;letter-spacing:2px;font-weight:700;color:var(--text-primary);text-transform:uppercase;margin-bottom:14px}@media(max-width:640px){.hero-tagline{font-size:11px;letter-spacing:1px;line-height:1.9;word-spacing:-1px}}.hero-intro{font-size:clamp(15px,2vw,17px);color:var(--text-secondary);max-width:500px;line-height:1.7;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.projects-grid{display:flex;flex-direction:column;gap:16px}.project-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:24px;box-shadow:0 4px 16px #0000001f;transition:border-color .25s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0003;border-color:var(--accent)}.project-card.featured{border-left:3px solid var(--accent);padding-left:22px}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.project-title{font-size:17px;font-weight:800;color:var(--text-primary);line-height:1.2}.project-desc{font-size:14px;color:var(--text-secondary);line-height:1.65;margin-bottom:14px}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.project-tag{background:var(--bg-alt);border:1px solid var(--border);border-radius:3px;padding:4px 10px;font-size:12px;color:var(--text-secondary);font-weight:500}.project-status{font-size:11px;font-weight:800;padding:3px 8px;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.status-live{background:var(--accent);color:#111}.status-active,.status-wip,.status-portfolio{border:1px solid var(--border);color:var(--text-muted)}@media(max-width:640px){.project-card{padding:18px}.project-card.featured,.project-card:hover{padding-left:16px;border-left-width:3px}}.stack-group{margin-bottom:28px}.stack-group+.stack-group{padding-top:20px;border-top:1px solid var(--border)}.stack-row-label{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:10px}.stack-row{display:flex;flex-wrap:wrap;gap:8px}.stack-item{background:var(--bg-alt);border:1px solid var(--border);border-radius:4px;padding:6px 14px;font-size:13px;color:var(--text-secondary);font-weight:500;transition:border-color .2s,color .2s}.stack-item:hover{border-color:var(--accent-glow);color:var(--text-primary)}.profil-bio{font-size:15px;color:var(--text-secondary);line-height:1.7;max-width:600px;margin-bottom:10px}.profil-meta{font-family:var(--font-mono);font-size:13px;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:28px}.kontakt-inner{max-width:600px}.kontakt-sub{font-size:17px;color:var(--text-secondary);margin-bottom:28px;line-height:1.6}.kontakt-form{display:flex;flex-direction:column;gap:10px}.form-input,.form-select,.form-textarea{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:12px 16px;font-size:14px;color:var(--text-primary);font-family:var(--font);width:100%;outline:none;transition:border-color .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent)}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-submit{background:var(--accent);color:#111;font-weight:800;font-size:14px;padding:13px 24px;border-radius:var(--radius-sm);border:none;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;transition:opacity .2s,transform .15s;width:100%}.form-submit:hover{opacity:.88;transform:translateY(-1px)}footer{border-top:1px solid var(--border);padding:24px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.footer-name{font-size:12px;color:var(--text-muted)}.footer-links{display:flex;gap:20px}.footer-link{font-size:12px;color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text-secondary)}.hero-tagline{animation:hero-fade-up .6s cubic-bezier(.16,1,.3,1) both}.hero-intro{animation:hero-fade-up .6s .1s cubic-bezier(.16,1,.3,1) both}.hero-actions{animation:hero-fade-up .6s .2s cubic-bezier(.16,1,.3,1) both}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}