@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-subtle:#f7f7f6;--bg-card:#fff;--nav-bg:hsla(0,0%,100%,.82);--border:#ececeb;--border-hover:#d6d6d3;--text:#161615;--text-2:#52524e;--text-3:#a1a19b;--accent:#161615;--green:#15a34a;--orange:#ea580c;--shadow:0 1px 3px rgba(0,0,0,.04);--shadow-hover:0 6px 22px rgba(0,0,0,.08);--sel:rgba(22,22,21,.09);--grid:rgba(22,22,21,.025);--code-bg:#0d1117;--code-border:#21262d;--code-text:#e6edf3;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"JetBrains Mono","SF Mono",monospace}[data-theme=dark]{--bg:#0b0b0d;--bg-subtle:#17171a;--bg-card:#101013;--nav-bg:rgba(11,11,13,.8);--border:#26262b;--border-hover:#3a3a42;--text:#ededec;--text-2:#a6a6a1;--text-3:#6b6b71;--accent:#ededec;--green:#4ade80;--orange:#fb923c;--shadow:0 1px 3px rgba(0,0,0,.5);--shadow-hover:0 8px 28px rgba(0,0,0,.55);--sel:hsla(60,3%,93%,.14);--grid:hsla(60,3%,93%,.03);--code-bg:#0c0c0f;--code-border:#26262b;--code-text:#e6e6e3}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);color-scheme:light dark;font-family:var(--font);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}img,svg{max-width:100%}.page{min-height:100vh;opacity:0;transition:opacity .5s ease}.page.visible{opacity:1}.layout{margin:0 auto;max-width:760px;padding:0 1.5rem;position:relative;width:100%;z-index:1}.btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:9px;color:var(--text);cursor:pointer;display:inline-flex;font-family:var(--mono);font-size:.75rem;font-weight:500;gap:.45rem;padding:.5rem .85rem;text-decoration:none;transition:border-color .15s,background .15s,color .15s}.btn:hover{background:var(--bg-subtle);border-color:var(--border-hover)}.icon-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-2);cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:border-color .15s,color .15s,transform .15s;width:38px}.icon-btn:hover{border-color:var(--border-hover);color:var(--text);transform:translateY(-1px)}.section{animation:fadeUp .5s ease .1s both;border-top:1px solid var(--border);padding:2.75rem 0}.section-header{margin-bottom:1.5rem}.section-label{color:var(--text-3);display:block;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;margin-bottom:.4rem;text-transform:uppercase}.section-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.stack{display:flex;flex-wrap:wrap;gap:.375rem}.stack span{border:1px solid var(--border);border-radius:100px;color:var(--text-2);font-family:var(--mono);font-size:.75rem;padding:.3rem .7rem;transition:all .15s}.stack span:hover{border-color:var(--text);color:var(--text)}.projects-grid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);color:var(--text);cursor:pointer;display:block;overflow:hidden;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.project-img{background:var(--bg-subtle);border-bottom:1px solid var(--border);height:160px;overflow:hidden}.project-img img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .3s ease;width:100%}.project-card:hover .project-img img{transform:scale(1.02)}.project-img-placeholder{align-items:center;color:var(--text-3);display:flex;font-size:1.25rem;font-weight:700;justify-content:center;letter-spacing:-.02em}.project-body{padding:1.125rem 1.25rem 1.25rem}.project-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.project-top h3{font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.badge{border-radius:100px;font-family:var(--mono);font-size:.625rem;font-weight:500;padding:.15rem .5rem}.badge-dev,.badge-live{background:var(--bg-subtle);color:var(--text-2)}.project-tagline{color:var(--text-3);font-size:.9375rem;margin-bottom:.5rem}.project-desc{color:var(--text-2);display:-webkit-box;font-size:.9375rem;line-height:1.6;margin-bottom:.75rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-stack{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.project-stack span{background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;color:var(--text-2);font-family:var(--mono);font-size:.6875rem;padding:.15rem .4rem}.project-cta{align-items:center;color:var(--text);display:inline-flex;font-size:.875rem;font-weight:500;gap:.3rem;transition:color .15s}.project-card:hover .project-cta{color:var(--text-2)}.project-card:hover .project-cta .arrow{transform:translate(3px)}.project-cta .arrow{font-size:.75rem;transition:transform .15s}.arrow{font-size:.75rem}.posts-list{display:flex;flex-direction:column}.post-row{align-items:flex-start;border-bottom:1px solid var(--border);color:var(--text);display:flex;gap:1rem;justify-content:space-between;padding:1.1rem 0;text-decoration:none;transition:background .15s}.post-row:first-child{border-top:1px solid var(--border)}.post-row:hover{background:var(--bg-subtle)}.post-row:hover .arrow{transform:translate(2px,-2px)}.post-info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.post-title{font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;overflow-wrap:anywhere}.post-meta{align-items:center;color:var(--text-3);display:flex;font-family:var(--mono);font-size:.6875rem;gap:.375rem}.post-sep{opacity:.4}.post-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.125rem}.post-tags span{background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;color:var(--text-3);font-family:var(--mono);font-size:.5625rem;padding:.125rem .375rem}.post-row .arrow{color:var(--text-3);flex-shrink:0;font-size:.875rem;margin-top:.25rem;transition:transform .15s}.view-all{align-items:center;color:var(--text-3);display:inline-flex;font-family:var(--mono);font-size:.75rem;font-weight:500;gap:.25rem;margin-top:1.25rem;text-decoration:none;transition:color .15s}.view-all:hover{color:var(--text)}.view-all .arrow{transition:transform .15s}.view-all:hover .arrow{transform:translate(3px)}.certs-list{display:flex;flex-direction:column}.cert-row{align-items:center;border-bottom:1px solid var(--border);color:var(--text);display:flex;justify-content:space-between;padding:.875rem 0;text-decoration:none;transition:background .15s}.cert-row:first-child{border-top:1px solid var(--border)}.cert-row:hover{background:var(--bg-subtle)}.cert-row:hover .arrow{transform:translate(3px)}.cert-info{display:flex;flex-direction:column;gap:.125rem}.cert-title{font-size:.9375rem;font-weight:500}.cert-meta{color:var(--text-3);font-family:var(--mono);font-size:.6875rem}.cert-row .arrow{color:var(--text-3);font-size:.8125rem;transition:transform .15s}.rec-grid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.rec-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:1.35rem}.rec-quote{color:var(--text-2);font-size:.9rem;line-height:1.7;margin-bottom:1rem}.rec-footer{border-top:1px solid var(--border);padding-top:.75rem}.rec-author{display:block;font-size:.875rem;font-weight:600}.rec-role{color:var(--text-3);font-size:.75rem}.section-contact{padding-bottom:1.5rem}.contact-links{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.contact-links a{color:var(--text);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .15s}.contact-links a:hover{color:var(--text-2)}.contact-location{color:var(--text-3);font-size:.9375rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:380px){.layout{padding:0 1rem}.section{padding:2rem 0}.section-title{font-size:1.2rem}.post-row{min-height:68px;padding:1.125rem 0}.projects-grid{grid-template-columns:1fr}.project-img{height:130px}.project-body{padding:.875rem 1rem 1rem}.project-top h3{font-size:1rem}.rec-grid{grid-template-columns:1fr}.rec-card{padding:1.1rem}.cert-title{font-size:.875rem}.contact-links{gap:.375rem 1rem}.contact-links a{font-size:.875rem}}@media (min-width:381px) and (max-width:640px){.layout{padding:0 1.25rem}.section{padding:2.25rem 0}.projects-grid,.rec-grid{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.cert-row,.post-row{min-height:52px}}::-moz-selection{background:var(--sel);color:var(--text)}::selection{background:var(--sel);color:var(--text)}