:root{--text:#a1a1aa;--text-h:#f4f4f5;--bg:#09090b;--border:#27272a;--code-bg:#18181b;--accent:#ef4444;--accent-bg:#ef44441a;--accent-border:#ef444480;--social-bg:#18181b80;--shadow:#00000080 0 10px 15px -3px, #0000004d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg);background-image:radial-gradient(circle at 50% 0,#ef444408 0%,#0000 50%),linear-gradient(#09090b,#030304);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}main,.mainContent{flex:1;justify-content:center;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;overflow-wrap:anywhere;margin:32px 0;font-size:clamp(2rem,5vw,3.5rem)}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,input{font:inherit}img{max-width:100%}.siteNav{z-index:1000;border-bottom:2px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:8px clamp(16px,6vw,100px);display:flex;position:sticky;top:0}.siteBrand{color:var(--text-h);white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:inline-flex}.siteBrand img{object-fit:cover;width:40px;height:40px}.siteNavLinks{justify-content:center;align-items:center;gap:clamp(16px,3vw,36px);font-weight:700;display:flex}.languageButton{cursor:pointer;border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:6px;flex:none;padding:6px 12px}.languageButton:hover{border-color:var(--accent)}.mainContent{min-width:0}.backgroundSparks{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.siteFooter{border-top:2px solid var(--border);justify-content:center;align-items:center;min-height:60px;padding:12px 16px;display:flex}@media (width<=700px){:root{font-size:16px}.siteNav{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand language""links links";gap:8px 12px;padding:8px 16px 10px;display:grid}.siteBrand{grid-area:brand}.siteNavLinks{grid-area:links;justify-content:space-around;gap:12px;padding-top:4px}.languageButton{grid-area:language}h1{margin:20px 0}}@media (width<=380px){.siteNav{padding-inline:12px}.siteNavLinks{font-size:.92rem}.siteBrand img{width:34px;height:34px}}.homeDiv{flex-direction:column;gap:40px;width:min(80%,1200px);margin:0 auto;padding:40px 0;display:flex}.aboutMe{justify-content:space-between;align-items:center;gap:40px;width:100%;display:flex}.aboutMeDe{border:2px solid var(--border);background-color:var(--code-bg);text-align:left;border-radius:1.5rem;flex:1 1 0;min-width:0;padding:30px;transition:all .3s}.aboutMeDe:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 20px #ef444426}.aboutMeDe h3{color:var(--text-h);margin:0 0 15px}.aboutMeDe h4{color:var(--text);margin:10px 0;line-height:1.6}.aboutMeDe img{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:40px;height:40px;margin:0 3px}.socialLinks{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.socialLinks a{align-items:center;display:inline-flex}.aboutMeImg{flex:0 0 32%;justify-content:center;align-items:center;min-width:0;display:flex}.aboutMeImg img{aspect-ratio:1;object-fit:cover;border:2px solid var(--border);border-radius:50%;width:min(220px,100%)}.experience{justify-content:space-between;align-items:flex-start;gap:40px;width:100%;display:flex}.experienceBox{border:2px solid var(--border);background-color:var(--code-bg);text-align:left;border-radius:1.5rem;flex:1 1 0;min-width:0;padding:30px;transition:all .3s}.experienceBox:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 20px #ef444426}.experienceBox h3{color:var(--text-h);margin:0 0 15px}.experienceBox ul{margin:0;padding-left:20px;line-height:1.8}.timeline{margin:20px 0 0;padding-left:20px;list-style:none;position:relative}.timeline:before{content:"";background-color:var(--accent);opacity:.6;width:2px;position:absolute;top:5px;bottom:5px;left:4px}.timelineItem{margin-bottom:24px;padding-left:20px;position:relative}.timelineItem:before{content:"";background-color:var(--bg);border:2px solid var(--accent);width:8px;height:8px;box-shadow:0 0 6px var(--accent);border-radius:50%;position:absolute;top:4px;left:-21px}.timelineDate{color:var(--accent);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.timelineContent{color:var(--text-h);font-size:15px;line-height:1.5}.certList{flex-direction:column;gap:16px;margin:15px 0 0;padding:0;list-style:none;display:flex}.certItem{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding-bottom:12px;display:flex}.certItem:last-child{border-bottom:none;padding-bottom:0}.certDate{color:var(--accent);font-size:12px;font-weight:600}.certName{color:var(--text-h);font-size:15px;font-weight:600}.certDesc{color:var(--text);font-size:12px}@media (width<=760px){.homeDiv{gap:24px;width:min(100% - 32px,600px);padding:24px 0 32px}.aboutMe{flex-direction:column-reverse;gap:20px}.aboutMeImg{flex-basis:auto}.aboutMeImg img{width:160px}.aboutMeDe,.experienceBox{width:100%;padding:22px}.experience{flex-direction:column;gap:20px}}@media (width<=420px){.homeDiv{width:min(100% - 24px,600px)}.aboutMeDe,.experienceBox{border-radius:1rem;padding:18px}.timeline,.timelineItem{padding-left:16px}}.blogContainer{text-align:left;width:min(100%,1200px);max-width:1200px;margin:40px auto;padding:0 clamp(16px,5vw,72px)}.blogTitle{border-bottom:2px solid var(--border);color:var(--text-h);margin-bottom:24px;padding-bottom:12px;font-size:32px;font-weight:700}.blogSearchSection{margin-bottom:32px}.blogSearchInput{background-color:var(--code-bg);border:1px solid var(--border);width:100%;min-width:0;max-width:500px;color:var(--text-h);border-radius:8px;outline:none;flex:260px;padding:12px 18px;font-size:15px;transition:border-color .2s}.blogSearchInput:focus{border-color:var(--accent)}.blogContentLayout{align-items:flex-start;gap:40px;display:flex}.blogSidebar{background-color:var(--code-bg);border:1px solid var(--border);border-radius:1rem;flex-shrink:0;width:240px;padding:24px;position:sticky;top:100px}.blogSidebarTitle{color:var(--text-h);border-bottom:1px solid var(--border);margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:18px}.blogCategoriesList{flex-direction:column;gap:8px;display:flex}.blogCatBtn{color:var(--text);cursor:pointer;text-align:left;background-color:#0000;border:1px solid #0000;border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.blogCatBtn.sub{opacity:.85;padding-left:24px;font-size:13px}.blogCatBtn:hover{color:var(--text-h);border-color:var(--border);background-color:#ffffff08}.blogCatBtn.active{background-color:var(--accent);color:#fff;font-weight:600}.blogMain{flex-direction:column;flex-grow:1;gap:20px;min-width:0;display:flex}.blogCard{border:1px solid var(--border);background-color:var(--code-bg);border-radius:1rem;padding:24px;transition:all .2s}.blogCard:hover{border-color:var(--accent);transform:translateY(-2px)}.blogCardDate{color:var(--accent);font-size:13px;font-weight:600}.blogCardTitle{overflow-wrap:anywhere;margin:8px 0;font-size:22px}.blogCardTitle a{color:var(--text-h);font-weight:700;text-decoration:none;transition:color .2s}.blogCardTitle a:hover{color:var(--accent)}.blogCardSummary{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.6}.blogCard a{overflow-wrap:anywhere}.blogNoPosts{text-align:center;color:var(--text);background-color:var(--code-bg);border:1px solid var(--border);border-radius:1rem;padding:60px;font-size:16px}.blogSearchSection{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.blogSortControls{gap:8px;display:flex}.blogSortBtn{background-color:var(--code-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:10px 14px;font-size:14px;transition:all .2s}.blogSortBtn:hover,.blogSortBtn.active{border-color:var(--accent);color:var(--text-h)}.blogPagination{justify-content:center;align-items:center;gap:12px;margin-top:30px;display:flex}.blogPageBtn{background-color:var(--code-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.blogPageBtn:disabled{opacity:.4;cursor:not-allowed}.blogPageBtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.blogPageInputWrapper{display:inline-flex}.blogPageInput{text-align:center;background-color:var(--code-bg);border:1px solid var(--border);width:60px;color:var(--text-h);border-radius:4px;outline:none;padding:8px 4px;font-size:14px;transition:border-color .2s}.blogPageInput:focus{border-color:var(--accent)}.postContainer{text-align:left;width:min(100%,1200px);max-width:1200px;margin:40px auto;padding:0 clamp(16px,5vw,72px)}.postBackLink{color:var(--accent);margin-bottom:24px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.postBackLink:hover{opacity:.8}.postLoading{color:var(--text);text-align:center;padding:60px;font-size:16px}.postMarkdownArticle{color:var(--text-h);line-height:1.8}.postMarkdownArticle h1,.postMarkdownArticle h2,.postMarkdownArticle h3{color:var(--text-h);border-bottom:1px solid var(--border);margin-top:36px;margin-bottom:16px;padding-bottom:8px}.postMarkdownArticle p{color:var(--text);margin:16px 0}.postMarkdownArticle ul,.postMarkdownArticle ol{color:var(--text);margin:16px 0;padding-left:24px}.postMarkdownArticle li{margin-bottom:8px}.postMarkdownArticle blockquote{border-left:4px solid var(--accent);color:var(--text-h);background-color:var(--code-bg);border-radius:0 8px 8px 0;margin:20px 0;padding:12px 16px}.postMarkdownArticle{overflow-wrap:anywhere;min-width:0}.postMarkdownArticle pre{max-width:100%;overflow-x:auto}.postMarkdownArticle img,.postMarkdownArticle table{max-width:100%}.postMarkdownArticle table{display:block;overflow-x:auto}@media (width<=800px){.blogContainer,.postContainer{margin-block:28px;padding-inline:20px}.blogContentLayout{flex-direction:column;gap:20px}.blogSidebar{width:100%;padding:18px;position:static}.blogCategoriesList{flex-flow:wrap;gap:8px}.blogCatBtn,.blogCatBtn.sub{padding:8px 10px}.blogNoPosts,.postLoading{padding:36px 20px}}@media (width<=480px){.blogContainer,.postContainer{margin-block:22px;padding-inline:14px}.blogTitle{font-size:1.5rem}.blogSearchSection{gap:10px;margin-bottom:22px}.blogSearchInput{flex-basis:100%;padding:11px 12px}.blogSortBtn{width:100%}.blogCard{padding:18px}.blogCardTitle{font-size:1.15rem}.blogPagination{gap:8px}.blogPageBtn{padding:8px 10px}.postMarkdownArticle h1{font-size:1.7rem}.postMarkdownArticle h2{font-size:1.35rem}}.projectGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;display:grid}.projectCard{border:1px solid var(--border);background:var(--code-bg);border-radius:1rem;flex-direction:column;align-items:flex-start;gap:20px;min-width:0;padding:24px;transition:border-color .2s,transform .2s;display:flex}.projectCard:hover{border-color:var(--accent);transform:translateY(-2px)}.projectEyebrow{color:var(--accent);letter-spacing:.08em;margin-bottom:8px;font-size:.75rem;font-weight:700}.projectCardTitle{color:var(--text-h);overflow-wrap:anywhere;margin:0 0 10px;font-size:1.25rem;line-height:1.4}.projectCardDescription{color:var(--text);overflow-wrap:anywhere;font-size:.92rem;line-height:1.7}.projectTechList{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.projectTechList li{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:5px 9px;font-size:.75rem;line-height:1.3}.projectVisitLink{border:1px solid var(--accent-border);background:var(--accent-bg);min-height:42px;color:var(--text-h);border-radius:8px;justify-content:center;align-items:center;margin-top:auto;padding:9px 14px;font-weight:700;display:inline-flex}.projectVisitLink:hover{border-color:var(--accent);color:var(--text-h)}@media (width<=480px){.projectCard{padding:20px}}