:root{--bg-base:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-surface-subtle:#f8fafc;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--shadow-color:#0f172a0f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--pop-orange:#f97316;--pop-coral:#ef4444;--pop-lavender:#8b5cf6;--pop-mint:#10b981;--pop-yellow:#f59e0b;--pop-cyan:#06b6d4;--pop-blue:#3b82f6;--accent-primary:#f97316;--accent-contrast:#fff;--code-bg:#0f172a;--code-border:#334155;--code-text:#f8fafc;--border-w-sm:1px;--border-w-md:1px;--border-w-lg:1px;--border-w-xl:2px;--shadow-xs:0 1px 2px 0 #0000000a;--shadow-sm:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000008;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #00000008;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:9999px;--container-max:1140px;--header-height:70px;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-base:#090a0f;--bg-surface:#12141c;--bg-surface-elevated:#1a1d28;--bg-surface-subtle:#0d0f15;--border-color:#262938;--border-subtle:#1c1f2b;--shadow-color:#00000073;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--pop-orange:#fb923c;--pop-coral:#f87171;--pop-lavender:#a78bfa;--pop-mint:#34d399;--pop-yellow:#fbbf24;--pop-cyan:#38bdf8;--pop-blue:#60a5fa;--accent-primary:#fb923c;--accent-contrast:#000;--code-bg:#090a0f;--code-border:#262938;--code-text:#f8fafc;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 2px 4px 0 #0006;--shadow-md:0 4px 12px 0 #00000073;--shadow-lg:0 10px 24px -4px #0000008c;--shadow-xl:0 20px 32px -6px #000000a6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;font-size:16px;line-height:1.6;overflow-x:hidden}body{background-color:var(--bg-base);min-height:100vh;color:var(--text-primary);flex-direction:column;width:100%;transition:background-color .25s,color .25s;display:flex;position:relative;overflow-x:hidden}:focus-visible{outline:none;border-color:var(--pop-blue)!important;box-shadow:0 0 0 3px #3b82f640!important}.skip-to-content{background:var(--text-primary);color:var(--bg-base);z-index:9999;border-radius:var(--radius-md);transition:top .2s var(--ease-spring);padding:.6rem 1.2rem;font-size:.88rem;font-weight:700;text-decoration:none;position:absolute;top:-100px;left:1rem}.skip-to-content:focus{top:1rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-sans);letter-spacing:-.02em;font-weight:800;line-height:1.2}h1{font-size:clamp(2.2rem,4.5vw,3.5rem)}h2{font-size:clamp(1.6rem,3vw,2.25rem)}h3{font-size:clamp(1.2rem,2vw,1.5rem)}h4{font-size:1.15rem}p{color:var(--text-secondary);margin-bottom:1rem;font-weight:450}p:last-child{margin-bottom:0}a{color:inherit;text-decoration:none;transition:color .15s,opacity .15s}code,kbd,samp,pre{font-family:var(--font-mono)}.container,.site-container{width:100%;max-width:var(--container-max);box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.page-wrapper{padding-top:var(--header-height);box-sizing:border-box;flex:1 0 auto;width:100%;padding-bottom:0}.page-wrapper>.container{padding-bottom:4.5rem}.page-header{margin-bottom:2.5rem;padding-top:2.5rem}.page-header h1{letter-spacing:-.03em;margin-bottom:.6rem}.page-header p.lead{color:var(--text-secondary);max-width:680px;font-size:1.12rem;font-weight:450;line-height:1.6}.btn{min-height:44px;font-family:var(--font-sans);letter-spacing:-.01em;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs);cursor:pointer;user-select:none;transition:all .18s var(--ease-smooth);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.92rem;font-weight:650;text-decoration:none;display:inline-flex;position:relative}.btn:hover{box-shadow:var(--shadow-sm);border-color:var(--text-muted);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-primary{background-color:var(--pop-orange);color:#fff;border-color:var(--pop-orange);box-shadow:0 2px 8px #f9731640}.btn-primary:hover{color:#fff;background-color:#ea580c;border-color:#ea580c;box-shadow:0 4px 14px #f9731659}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-surface-elevated)}.btn-accent{background-color:var(--pop-blue);color:#fff;border-color:var(--pop-blue);box-shadow:0 2px 8px #3b82f640}.btn-accent:hover{background-color:#2563eb;border-color:#2563eb}.btn-coral{background-color:var(--pop-coral);color:#fff;border-color:var(--pop-coral)}.btn-sm{border-radius:var(--radius-sm);min-height:36px;padding:.4rem .85rem;font-size:.82rem}.btn-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-smooth), box-shadow .2s var(--ease-smooth), border-color .2s ease;padding:1.75rem;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#f9731659}.card-elevated{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.badge,.sticker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-pill);border:1px solid var(--border-color);background-color:var(--bg-surface-elevated);color:var(--text-primary);align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.74rem;font-weight:700;line-height:1.2;display:inline-flex}.sticker-orange{color:var(--pop-orange);background-color:#f973161f;border-color:#f9731640}.sticker-coral{color:var(--pop-coral);background-color:#ef44441f;border-color:#ef444440}.sticker-lavender{color:var(--pop-lavender);background-color:#8b5cf61f;border-color:#8b5cf640}.sticker-mint{color:var(--pop-mint);background-color:#10b9811f;border-color:#10b98140}.sticker-yellow{color:var(--pop-yellow);background-color:#f59e0b1f;border-color:#f59e0b40}.sticker-cyan{color:var(--pop-cyan);background-color:#06b6d41f;border-color:#06b6d440}.badge-accent{color:var(--pop-orange);background-color:#f9731626;border-color:#f973164d}.badge-success{color:var(--pop-mint);background-color:#10b98126;border-color:#10b9814d}.badge-info{color:var(--pop-blue);background-color:#3b82f626;border-color:#3b82f64d}.rotate-left-sm,.rotate-right-sm,.rotate-left-md,.rotate-right-md{transform:none}.tag-list{flex-wrap:wrap;gap:.4rem;display:flex}.tag{font-family:var(--font-mono);border-radius:var(--radius-sm);background-color:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-color);padding:.2rem .55rem;font-size:.72rem;font-weight:600;transition:all .12s}.tag:hover{color:var(--text-primary);border-color:var(--text-muted)}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.4rem;font-size:.85rem;font-weight:650;display:block}.form-control{width:100%;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:.65rem .95rem;font-size:.92rem;font-weight:450;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--pop-blue);outline:none;box-shadow:0 0 0 3px #3b82f626}.form-control::placeholder{color:var(--text-muted);font-weight:400}textarea.form-control{resize:vertical;min-height:110px}.hp-field{opacity:0;pointer-events:none;position:absolute;left:-9999px}.site-header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;background-color:#f8fafcd9;align-items:center;transition:background-color .25s,border-color .25s;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=dark] .site-header{background-color:#090a0fd9}.scroll-progress-bar{background:var(--pop-orange);z-index:1001;width:0%;height:2px;position:absolute;bottom:0;left:0}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.site-brand{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.brand-badge{font-family:var(--font-mono);color:var(--pop-orange);border-radius:var(--radius-pill);background-color:#f9731626;border:1px solid #f973164d;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.nav-links{align-items:center;gap:.25rem;list-style:none;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-md);background-color:#0000;border:1px solid #0000;align-items:center;padding:.4rem .8rem;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-surface-elevated)}.nav-link.active{color:var(--pop-orange);background-color:#f973161a;font-weight:700}.nav-actions{align-items:center;gap:.5rem;display:flex}.icon-btn{border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-xs);justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-btn:hover{color:var(--text-primary);background-color:var(--bg-surface-elevated);border-color:var(--text-muted)}.cmd-k-btn{background-color:var(--bg-surface);border:1px solid var(--border-color);height:38px;box-shadow:var(--shadow-xs);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.cmd-k-btn:hover{color:var(--text-primary);background-color:var(--bg-surface-elevated);border-color:var(--text-muted)}.cmd-k-shortcut{font-family:var(--font-mono);background-color:var(--bg-surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-muted);padding:.1rem .35rem;font-size:.7rem}.mobile-menu-btn{display:none}.projects-toolbar,.blog-toolbar{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.search-box{width:100%;max-width:540px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{border-radius:var(--radius-lg);height:44px;font-size:.92rem;padding-left:2.75rem!important;padding-right:2.5rem!important}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.2rem .4rem;font-size:1.2rem;font-weight:700;line-height:1;transition:color .12s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--pop-coral)}.filter-pills{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-btn{border-radius:var(--radius-pill);font-size:.82rem;font-weight:600;font-family:var(--font-sans);background-color:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .9rem;transition:all .15s;display:inline-flex}.filter-btn:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--text-muted)}.filter-btn.active{background-color:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.filter-count-badge{font-family:var(--font-mono);background-color:var(--bg-surface-elevated);color:var(--text-muted);border-radius:var(--radius-pill);justify-content:center;align-items:center;min-width:18px;padding:.05rem .35rem;font-size:.68rem;font-weight:700;line-height:1.2;display:inline-flex}.filter-btn.active .filter-count-badge{color:var(--bg-base);background-color:#fff3}[data-theme=dark] .filter-btn.active .filter-count-badge{color:#000;background-color:#00000040}.filter-results-meta{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:1.25rem;font-size:.8rem;font-weight:600}.projects-grid,.articles-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1.75rem;width:100%;display:grid}.project-card,.project-neobrutal-card,.blog-card,.blog-neobrutal-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-xs);transition:transform .2s var(--ease-smooth), box-shadow .2s var(--ease-smooth), border-color .2s ease;flex-direction:column;padding:1.5rem;display:flex;position:relative}.project-card:hover,.project-neobrutal-card:hover,.blog-card:hover,.blog-neobrutal-card:hover{box-shadow:var(--shadow-md);border-color:#f9731659;transform:translateY(-2px)}.project-card-header,.blog-card-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.project-card-body,.blog-card-body{flex-direction:column;flex:1;margin-bottom:1.25rem;display:flex}.project-title,.blog-title{margin-bottom:.6rem;font-size:1.2rem;font-weight:750;line-height:1.35}.project-title a,.blog-title a{color:var(--text-primary);text-decoration:none}.project-title a:hover,.blog-title a:hover{color:var(--pop-orange)}.project-summary,.blog-summary{color:var(--text-secondary);flex:1;margin-bottom:1rem;font-size:.92rem;line-height:1.6}.project-card-footer,.blog-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.project-external-links{align-items:center;gap:.4rem;display:flex}.portfolio-section{border-bottom:1px solid var(--border-color);box-sizing:border-box;width:100%;padding:4rem 0}.portfolio-section:last-of-type{border-bottom:none}.portfolio-section:not(.hero-section),.site-footer{content-visibility:auto;contain-intrinsic-size:1px 500px}.alert{border-radius:var(--radius-md);border:1px solid #0000;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1.15rem;font-size:.9rem;font-weight:600;display:flex}.alert-success{color:var(--pop-mint);background-color:#10b9811a;border-color:#10b98140}.alert-error{color:var(--pop-coral);background-color:#ef44441a;border-color:#ef444440}@media (width<=900px){:root{--header-height:64px}.nav-links,.cmd-k-btn{display:none}.mobile-menu-btn{display:inline-flex}.portfolio-section{padding:3rem 0}}@media (width<=640px){.container,.site-container{padding-left:1.15rem;padding-right:1.15rem}.projects-grid,.articles-grid{grid-template-columns:1fr;gap:1.25rem}.portfolio-section{padding:2.25rem 0}.card{padding:1.25rem}}