:root{--color-bg:#f8fafc;--color-text:#0f172a;--color-text-muted:#475569;--color-primary:#4f46e5;--color-secondary:#7c3aed;--color-accent:#0891b2;--color-accent-hover:#0e7490;--color-border:#cbd5e1;--color-card-bg:#ffffff;--font-main:'Zalando Sans SemiExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--max-width:1100px;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0f172a;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-primary:#6366f1;--color-secondary:#8b5cf6;--color-accent:#22d3ee;--color-accent-hover:#67e8f9;--color-border:#1e293b;--color-card-bg:#1e293b}}:root[data-theme=dark]{--color-bg:#0f172a;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-primary:#6366f1;--color-secondary:#8b5cf6;--color-accent:#22d3ee;--color-accent-hover:#67e8f9;--color-border:#1e293b;--color-card-bg:#1e293b}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:16px;font-weight:400}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}body>header{padding:var(--spacing-sm)var(--spacing-md);position:sticky;top:0;background:var(--color-bg);z-index:100}nav{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-right{display:flex;align-items:center;gap:var(--spacing-sm)}.logo{font-family:audiowide,cursive;font-size:2.2rem;color:var(--color-text);text-decoration:none}.logo-accent{color:var(--color-accent)}.nav-menu{display:none;list-style:none;gap:var(--spacing-md)}.nav-menu a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;padding:.5rem .75rem;border-radius:6px;transition:all .2s}.nav-menu a:hover{background:var(--color-accent);color:var(--color-bg)}.menu-toggle{display:flex;align-items:center;justify-content:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:6px;padding:.5rem;cursor:pointer;width:44px;height:44px;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-appearance:none;appearance:none;position:relative;z-index:101;font-size:0;line-height:0}.menu-toggle:hover{border-color:var(--color-text)}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:18px;height:14px}.hamburger-icon::before,.hamburger-icon::after{content:'';display:block;width:18px;height:2px;background:var(--color-text);transition:all .2s}.hamburger-icon-middle{width:18px;height:2px;background:var(--color-text);transition:all .2s}.menu-toggle.active .hamburger-icon::before{transform:translateY(6px)rotate(45deg)}.menu-toggle.active .hamburger-icon-middle{opacity:0}.menu-toggle.active .hamburger-icon::after{transform:translateY(-6px)rotate(-45deg)}@media(min-width:901px){.nav-menu{display:flex}.menu-toggle{display:none}}.theme-toggle{background:0 0;border:1px solid var(--color-border);border-radius:6px;padding:.4rem .6rem;cursor:pointer;color:var(--color-text-muted);font-size:1rem;line-height:1;transition:all .2s;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{border-color:var(--color-text);color:var(--color-text)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{width:18px;height:18px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}main{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.hero{padding:var(--spacing-xl)0;min-height:60vh;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.hero-content{max-width:600px;text-align:left}.hero-image{flex-shrink:0}.hero-image img{max-width:420px;height:auto;border-radius:50%}.hero h1{font-family:sixtyfour,cursive;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;margin-bottom:var(--spacing-sm);letter-spacing:0}.tagline{font-family:sixtyfour,cursive;font-size:1rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.intro{font-family:zalando sans semiexpanded,sans-serif;color:var(--color-text-muted);font-size:1.1rem;margin-bottom:var(--spacing-md);line-height:1.6}.intro a{color:var(--color-accent);text-decoration:none;font-weight:600}.intro a:hover{text-decoration:underline}.cta-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-secondary)}.btn-secondary{background:0 0;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-text)}.services{padding:var(--spacing-xl)0}.services h2,.tech-stack h2,.about h2,.contact h2{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-lg);text-align:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.service-card{padding:var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px}.service-card h3{font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-xs)}.service-card p{color:var(--color-text-muted);font-size:.95rem}.tech-stack{padding:var(--spacing-xl)0}.tech-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.tech-badge{background:var(--color-card-bg);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:100px;font-size:.85rem;color:var(--color-text-muted)}.about{padding:var(--spacing-xl)0;max-width:700px;margin:0 auto}.about p{color:var(--color-text-muted);text-align:center}.contact{padding:var(--spacing-lg)0;text-align:center}.page+.contact{padding-top:var(--spacing-md)}.contact p{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}footer{padding:var(--spacing-lg)var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-xl)}.footer-content{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.footer-content p{color:var(--color-text-muted);font-size:.85rem}.social-links{display:flex;gap:var(--spacing-sm)}.social-links a{color:var(--color-text-muted);text-decoration:none;transition:color .2s;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px}.social-links a:hover{color:var(--color-text)}.social-links svg{display:block}.page,.list-page{padding:var(--spacing-xl)0;max-width:700px;margin:0 auto}.page-hero{margin-bottom:var(--spacing-lg);border-radius:12px;overflow:hidden}.page-hero img{width:100%;height:auto;display:block;max-width:100%}.page h1,.list-page h1{font-size:2rem;margin-bottom:var(--spacing-sm)}.last-updated{color:var(--color-text-muted);font-size:.85rem;margin-bottom:var(--spacing-md)}.content p{margin-bottom:var(--spacing-sm);color:var(--color-text-muted)}.content a{color:var(--color-accent);font-weight:600;text-decoration:none}.content a:hover{text-decoration:underline}.content code{border:1px solid var(--color-border);padding:.15rem .4rem;border-radius:4px;font-size:.9em;font-family:jetbrains mono,sf mono,consolas,monospace}.content h2{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.content hr{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);border:none;border-top:1px solid var(--color-border)}.post-list{list-style:none}.post-list li{padding:var(--spacing-sm)0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.post-list a{color:var(--color-text);text-decoration:none}.post-list a:hover{color:var(--color-primary)}.post-list time{color:var(--color-text-muted);font-size:.85rem}.blog-list,.taxonomy-page{padding:var(--spacing-xl)0;max-width:700px;margin:0 auto}.blog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.blog-list h1,.taxonomy-page h1{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-sm)}.blog-intro{color:var(--color-text-muted)}.posts{display:flex;flex-direction:column;gap:var(--spacing-md)}.post-card{padding:var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.post-card .post-image{float:left;width:200px;margin-right:var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:4px;overflow:hidden}.post-card .post-image img{width:100%;height:auto;display:block;transition:transform .3s}.post-card .post-image:hover img{transform:scale(1.05)}.post-content h2{font-size:1.25rem;font-weight:500;margin-bottom:var(--spacing-xs)}.post-content h2 a{color:var(--color-text);text-decoration:none}.post-content h2 a:hover{color:var(--color-primary)}.post-content p{color:var(--color-text-muted);font-size:.95rem;margin-bottom:var(--spacing-sm)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:.85rem}.post-meta time{color:var(--color-text-muted)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{background:var(--color-bg);border:1px solid var(--color-border);padding:.2rem .6rem;border-radius:100px;font-size:.75rem;color:var(--color-text-muted);text-decoration:none;transition:all .2s}.tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.accent{color:var(--color-accent)}.read-more{color:var(--color-primary);text-decoration:none;font-size:.9rem;font-weight:500}.read-more:hover{color:var(--color-secondary)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.pagination a{color:var(--color-primary);text-decoration:none;font-size:.9rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.pagination a:hover{background:var(--color-card-bg);color:var(--color-secondary)}.pagination .disabled{color:var(--color-text-muted);opacity:.5;font-size:.9rem}.pagination-info{color:var(--color-text-muted);font-size:.85rem}.archive-page{padding:var(--spacing-xl)0;max-width:700px;margin:0 auto}.archive-page h1{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-sm)}.archive-intro{color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.archive-year h2{font-size:1.25rem;font-weight:600;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--color-text-muted)}.archive-list{list-style:none}.archive-list li{display:flex;gap:var(--spacing-md);padding:var(--spacing-xs)0;border-bottom:1px solid var(--color-border)}.archive-list time{color:var(--color-text-muted);font-size:.9rem;flex-shrink:0;width:60px}.archive-list a{color:var(--color-text);text-decoration:none}.archive-list a:hover{color:var(--color-primary)}.blog-post{padding:var(--spacing-xl)0;max-width:700px;margin:0 auto}.post-header{margin-bottom:var(--spacing-lg)}.post-header h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-sm)}.post-description{font-size:1.15rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.post-hero-image{margin:var(--spacing-lg)0;border-radius:8px;overflow:hidden}.post-hero-image img{width:100%;height:auto}.post-body{font-size:1.05rem;line-height:1.75}.post-body p{margin-bottom:var(--spacing-md)}.post-body h2{font-size:1.5rem;font-weight:600;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.post-body h3{font-size:1.25rem;font-weight:500;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.post-body ul,.post-body ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-md)}.post-body li{margin-bottom:var(--spacing-xs)}.post-body pre{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:6px;padding:var(--spacing-sm);overflow-x:auto;margin-bottom:var(--spacing-md);font-size:.9rem}.post-body code{font-family:sf mono,consolas,monospace}.post-body p code{background:var(--color-card-bg);padding:.15rem .4rem;border-radius:4px;font-size:.9em}.post-body blockquote{border-left:3px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-md)0;color:var(--color-text-muted);font-style:italic}.post-body a{color:var(--color-accent)}.post-body a:hover{color:var(--color-accent-hover)}.post-body img,.post-hero-image img{max-width:100%;height:auto;border-radius:6px;margin:var(--spacing-md)0;cursor:zoom-in;transition:opacity .2s}.post-body img:hover,.post-hero-image img:hover{opacity:.9}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:1000;cursor:zoom-out;align-items:center;justify-content:center}.lightbox.active{display:flex}.lightbox img{max-width:95%;max-height:95%;object-fit:contain;border-radius:4px}.post-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.post-footer .post-tags{margin-bottom:var(--spacing-md)}.back-link{color:var(--color-text-muted);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--color-primary)}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-item{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--color-card-bg);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:100px;text-decoration:none;color:var(--color-text);transition:all .2s}.tag-item:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag-count{background:var(--color-border);padding:.1rem .5rem;border-radius:100px;font-size:.75rem;color:var(--color-text-muted)}@media(max-width:900px){main{padding:0 var(--spacing-sm)}.logo{font-size:1.5rem}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;padding:var(--spacing-sm)var(--spacing-md);gap:0}.nav-menu.active{display:flex}.nav-menu li{border-bottom:1px solid var(--color-border)}.nav-menu li:last-child{border-bottom:none}.nav-menu a{display:block;padding:var(--spacing-sm)0;border-radius:0}.nav-menu a:hover{background:0 0;color:var(--color-accent)}body>header{position:relative}.hero{min-height:auto;padding:var(--spacing-lg)0;flex-direction:column-reverse;text-align:center}.hero-content{text-align:center}.cta-buttons{justify-content:center}.hero-image img{max-width:250px}.footer-content{flex-direction:column;text-align:center}.post-card .post-image{float:none;width:100%;margin-right:0;margin-bottom:var(--spacing-sm)}}.highlight{background:#fdf6e3;border-radius:6px;padding:var(--spacing-xs);overflow-x:auto;margin-bottom:var(--spacing-md)}.highlight pre{background:0 0;border:none;padding:0;margin:0;overflow-x:auto}.highlight code{font-family:jetbrains mono,sf mono,consolas,monospace;font-size:.9rem;white-space:pre}.chroma{color:#657b83;background-color:#fdf6e3}.chroma .err{color:#dc322f}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#eee8d5}.chroma .lnt{margin-right:.4em;padding:0 .4em;color:#93a1a1}.chroma .ln{margin-right:.4em;padding:0 .4em;color:#93a1a1}.chroma .line{display:flex}.chroma .k{color:#859900}.chroma .kc{color:#859900;font-weight:700}.chroma .kd{color:#859900}.chroma .kn{color:#cb4b16}.chroma .kp{color:#859900}.chroma .kr{color:#859900}.chroma .kt{color:#b58900}.chroma .na{color:#268bd2}.chroma .nb{color:#268bd2}.chroma .nc{color:#268bd2}.chroma .no{color:#268bd2}.chroma .nd{color:#268bd2}.chroma .ni{color:#268bd2}.chroma .ne{color:#268bd2}.chroma .nf{color:#268bd2}.chroma .nl{color:#268bd2}.chroma .nn{color:#268bd2}.chroma .nt{color:#268bd2}.chroma .nv{color:#268bd2}.chroma .s{color:#2aa198}.chroma .sa{color:#2aa198}.chroma .sb{color:#2aa198}.chroma .sc{color:#2aa198}.chroma .dl{color:#2aa198}.chroma .sd{color:#2aa198}.chroma .s2{color:#2aa198}.chroma .se{color:#2aa198}.chroma .sh{color:#2aa198}.chroma .si{color:#2aa198}.chroma .sx{color:#2aa198}.chroma .sr{color:#2aa198}.chroma .s1{color:#2aa198}.chroma .ss{color:#2aa198}.chroma .c{color:#93a1a1;font-style:italic}.chroma .ch{color:#93a1a1;font-style:italic}.chroma .cm{color:#93a1a1;font-style:italic}.chroma .c1{color:#93a1a1;font-style:italic}.chroma .cs{color:#93a1a1;font-style:italic}.chroma .cp{color:#93a1a1;font-style:italic}.chroma .cpf{color:#93a1a1;font-style:italic}.chroma .m{color:#2aa198}.chroma .mb{color:#2aa198}.chroma .mf{color:#2aa198}.chroma .mh{color:#2aa198}.chroma .mi{color:#2aa198}.chroma .il{color:#2aa198}.chroma .mo{color:#2aa198}.chroma .o{color:#859900}.chroma .ow{color:#859900}.chroma .p{color:#657b83}.chroma .gi{color:#859900}.chroma .gd{color:#dc322f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .highlight{background:#002b36}:root:not([data-theme=light]) .chroma{color:#839496;background-color:#002b36}:root:not([data-theme=light]) .chroma .hl{background-color:#073642}:root:not([data-theme=light]) .chroma .lnt{color:#586e75}:root:not([data-theme=light]) .chroma .ln{color:#586e75}}:root[data-theme=dark] .highlight{background:#002b36}:root[data-theme=dark] .chroma{color:#839496;background-color:#002b36}:root[data-theme=dark] .chroma .hl{background-color:#073642}:root[data-theme=dark] .chroma .lnt{color:#586e75}:root[data-theme=dark] .chroma .ln{color:#586e75}