*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}html{scrollbar-width:thin;scrollbar-color:#e2dbcc59 #e2dbcc0f}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:#e2dbcc0f}html::-webkit-scrollbar-thumb{border:2px solid var(--bg-body);background:#e2dbcc59;border-radius:5px}html::-webkit-scrollbar-thumb:hover{background:#e2dbcc80}html,body{overflow-x:clip}:root{--bg-body:#0a0908;--bg-dark:#0c0b0a;--card-bg:#121110;--card-bg-elevated:#181614;--text-white:#e2dbcc;--text-gray:#b5ad9e;--text-dim:#6b6559;--surface-cream:#e8e4dc;--border-subtle:#e2dbcc14;--border-warm:#fbbf241f;--accent:#f59e0b;--accent-soft:#f59e0b1f;--font-main:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}body{background-color:var(--bg-body);color:var(--text-white);font-family:var(--font-main);-webkit-tap-highlight-color:transparent}body:after{content:"";pointer-events:none;z-index:9999;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;width:100%;height:100%;position:fixed;inset:0}.app-container{padding:40px;position:relative}.main-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:100px 100px;position:absolute;inset:0}.bg-circle{pointer-events:none;z-index:0;border:1px solid #e2dbcc0f;border-radius:50%;position:absolute}.bg-circle--top-right{z-index:-1;width:700px;height:700px;top:-180px;right:-120px}.bg-circle--left-mid{z-index:-1;width:900px;height:900px;top:38%;left:-320px}.section-with-circle{position:relative;overflow:visible}.section-with-circle .bg-circle{z-index:0}.bg-circle--carousel{width:500px;height:500px;top:50%;right:-80px;transform:translateY(-50%)}.bg-circle--about{width:550px;height:550px;bottom:-100px;right:-80px}.bg-circle--work{width:400px;height:400px;bottom:20%;right:-60px}.bg-circle--projects{width:520px;height:520px;top:30%;left:auto;right:-120px}.bg-circle--articles{width:450px;height:450px;top:50%;left:-80px;transform:translateY(-50%)}.bg-circle--footer{width:600px;height:600px;bottom:-80px;left:-120px}.mono-label{font-family:var(--font-mono);color:var(--text-white);letter-spacing:.5px;font-size:.8rem}u{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--accent-soft);text-decoration-color:var(--accent-soft)}i{font-style:italic}.main-card{background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:40px;max-width:1300px;margin:0 auto;padding:0;position:relative;box-shadow:0 0 80px #0009,0 0 0 1px #fbbf2408}.header{justify-content:space-between;align-items:flex-start;padding:40px 50px;display:flex}.header-left{align-items:center;gap:14px;display:flex}.header-logo-wrap{height:40px;line-height:0;display:inline-block;position:relative}.header-logo-wrap:before{content:"";background-color:#e3dccc;position:absolute;inset:0;-webkit-mask-image:url(/logo02.png);mask-image:url(/logo02.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.header-logo{visibility:hidden;width:auto;height:40px;display:block}.header-logo-wrap--fallback .header-logo{visibility:visible}.header-logo-wrap--fallback:before{display:none}.name{font-family:var(--font-mono);font-size:.95rem;font-weight:500;line-height:1.4}.header-nav{gap:40px;margin-top:10px;display:flex}.header-nav a{color:var(--text-white);opacity:.7;font-size:.85rem;font-weight:400;text-decoration:none;transition:opacity .2s}.header-nav a:hover{opacity:1;color:var(--accent)}.hamburger{cursor:pointer;background:0 0;border:1px solid #e2dbcc26;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;transition:border-color .2s;display:none}.hamburger:hover{border-color:#e2dbcc66}.hamburger span{background:var(--text-white);transform-origin:50%;border-radius:2px;width:100%;height:1.5px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mobile-menu{z-index:1000;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-menu-nav{background:var(--card-bg-elevated);flex-direction:column;gap:8px;width:min(320px,80vw);height:100%;padding:32px 28px;animation:.25s slideInRight;display:flex;box-shadow:-8px 0 40px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-close{color:var(--text-gray);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-bottom:24px;padding:4px 8px;font-size:1.2rem;transition:color .2s}.mobile-menu-close:hover{color:var(--text-white)}.mobile-menu-nav a{font-family:var(--font-mono);color:var(--text-white);opacity:.85;border-bottom:1px solid #e2dbcc0f;padding:14px 0;font-size:1.2rem;font-weight:600;text-decoration:none;transition:opacity .2s,color .2s}.mobile-menu-nav a:hover{opacity:1;color:var(--accent)}.mobile-menu-nav a:last-of-type{border-bottom:none}.lang-dropdown-wrap{position:relative}.lang-circle-trigger{border:1px solid var(--border-subtle);width:60px;height:60px;font-size:.7rem;font-family:var(--font-mono);color:var(--text-white);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-weight:500;transition:border-color .2s,background .2s;display:flex}.lang-circle-trigger:hover{background:#e2dbcc0a;border-color:#e2dbcc40}.lang-dropdown-backdrop{z-index:10;position:fixed;inset:0}.lang-dropdown{background:var(--card-bg-elevated);border:1px solid var(--border-subtle);z-index:11;border-radius:10px;min-width:90px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.lang-dropdown-item{width:100%;font-family:var(--font-mono);color:var(--text-gray);text-align:center;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:.75rem;font-weight:500;transition:background .2s,color .2s;display:block}.lang-dropdown-item:hover{color:var(--text-white);background:#e2dbcc14}.lang-dropdown-item.active{color:var(--text-white);background:#e2dbcc1f}.mobile-menu-lang{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.mobile-menu-lang-label{font-family:var(--font-mono);color:var(--text-dim);font-size:.85rem}.mobile-menu-lang-item{font-family:var(--font-mono);color:var(--text-gray);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:.9rem;transition:color .2s,background .2s,border-color .2s}.mobile-menu-lang-item:hover{color:var(--text-white);background:#e2dbcc0f}.mobile-menu-lang-item.active{color:var(--text-white);background:#e2dbcc1a;border-color:#e2dbcc40;font-weight:600}.hero{flex-direction:column;padding:20px 80px 80px;display:flex}.hero-top-row{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.hero-title-big{font-family:var(--font-mono);letter-spacing:-2px;color:var(--text-white);font-size:6rem;font-weight:700;line-height:1}.hero-title-big.right-align{text-align:right;width:100%;font-size:5.25rem}.hero-title-from-left{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1) .1s,transform .9s cubic-bezier(.22,1,.36,1) .1s;transform:translate(-120px)}.hero-title-from-right{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1) .35s,transform .9s cubic-bezier(.22,1,.36,1) .35s;transform:translate(120px)}.hero-entrance-visible .hero-title-from-left,.hero-entrance-visible .hero-title-from-right{opacity:1;transform:translate(0)}.hero-cta-wrapper{cursor:pointer;align-items:center;gap:16px;display:flex;transform:translateY(-20px)}.hero-cta-pill{background:var(--surface-cream);color:#000;font-family:var(--font-main);text-align:center;border-radius:50px;min-width:180px;padding:12px 40px;font-size:1rem;font-weight:500;transition:transform .25s}.hero-cta-wrapper:hover .hero-cta-pill{transform:translateY(-2px)}.arrow-circle-white{background:var(--surface-cream);color:#000;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:transform .25s;display:flex}.arrow-circle-white i{font-size:1rem;transition:transform .25s}.hero-cta-wrapper:hover .arrow-circle-white{transform:scale(1.08)}.hero-cta-wrapper:hover .arrow-circle-white i{transform:translate(3px)}.hero-bottom-row{justify-content:space-between;align-items:flex-start;margin-top:20px;display:flex}.hero-desc-col{max-width:340px;padding-top:10px}.hero-desc{color:#999;font-size:.95rem;line-height:1.6}.social-pills-row{justify-content:center;gap:20px;margin-top:80px;margin-bottom:60px;display:flex}.social-pill-dark{background:var(--card-bg-elevated);border:1px solid var(--border-warm);color:#888;border-radius:50px;align-items:center;gap:8px;padding:10px 24px;font-size:.8rem;text-decoration:none;transition:all .2s;display:flex}.social-pill-dark:hover{color:var(--text-white);border-color:#444}.social-pill-dark i,.footer-social i{text-align:center;width:1.1em;font-size:.95em}.projects-carousel-refined{justify-content:center;align-items:center;gap:30px;padding:0 40px 60px;display:flex}.carousel-nav-card{border:1px solid var(--border-warm);background:var(--bg-dark);cursor:pointer;border-radius:32px;flex-direction:column;justify-content:space-between;width:300px;height:250px;padding:30px;transition:all .3s;display:flex;position:relative;overflow:hidden}.carousel-nav-card:hover{border-color:#e2dbcc33}.carousel-nav-card .nav-content h3{font-family:var(--font-mono);color:#555;margin-bottom:10px;font-size:1rem}.carousel-nav-card .nav-content p{color:#333;font-size:.75rem}.nav-arrow-btn{width:50px;height:50px;color:var(--text-white);cursor:pointer;z-index:10;background:0 0;border:1px solid #e2dbcc33;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;font-size:1.2rem;transition:all .2s;display:flex}.nav-arrow-btn.next{align-self:flex-end}.nav-arrow-btn:hover{background:var(--surface-cream);color:#000}.nav-arrow-btn i{font-size:1rem}.carousel-mobile-nav{justify-content:center;align-items:center;gap:24px;margin-top:24px;display:none}.carousel-mobile-arrow{width:48px;height:48px;color:var(--text-white);cursor:pointer;background:0 0;border:1px solid #e2dbcc40;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.carousel-mobile-arrow:hover{background:var(--surface-cream);color:#000;border-color:#0000}.carousel-mobile-arrow i{font-size:1rem}.carousel-dots{align-items:center;gap:10px;display:flex}.carousel-dot{cursor:pointer;background:0 0;border:1px solid #e2dbcc66;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.carousel-dot:hover{background:#e2dbcc4d}.carousel-dot.active{background:var(--surface-cream);border-color:var(--surface-cream)}.overlay-dark{pointer-events:none;background:#0006;position:absolute;inset:0}.carousel-center-card{background:linear-gradient(90deg, var(--card-bg) 0%, var(--card-bg-elevated) 100%);border:1px solid var(--border-warm);border-radius:40px;width:650px;height:320px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}.card-split-image{flex:1;position:relative}.card-split-image img{object-fit:cover;width:100%;height:100%}.card-split-backend{border-right:1px solid var(--border-warm);background:linear-gradient(135deg,#282623f2 0%,#1c1b19fa 100%);flex:1;justify-content:center;align-items:center;min-width:0;padding:28px 24px;display:flex;position:relative}.card-split-backend-techs{flex-wrap:wrap;place-content:center;gap:10px;display:flex}.backend-tech-pill{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;background:#e2dbcc14;border:1px solid #e2dbcc26;border-radius:20px;padding:8px 14px;font-size:.75rem}.card-split-backend-img-wrap{position:absolute;inset:0;overflow:hidden}.card-split-backend-img{object-fit:cover;object-position:left center;width:100%;height:100%;display:block}.card-split-content{background:var(--card-bg-elevated);flex-direction:column;flex:1.2;justify-content:center;padding:40px;display:flex}.card-split-content h3{font-family:var(--font-mono);color:var(--text-white);margin-bottom:16px;font-size:1.2rem;line-height:1.4}.card-split-content p{color:#999;margin-bottom:30px;font-size:.85rem;line-height:1.6}.split-actions{align-items:center;gap:16px;display:flex}.split-actions .btn-white-pill,.split-actions .btn-circle-white,.split-actions .btn-circle-white i{transition:transform .25s}.split-actions:hover .btn-white-pill{transform:translateY(-2px)}.split-actions:hover .btn-circle-white{transform:scale(1.08)}.split-actions:hover .btn-circle-white i{transform:translate(3px)}.btn-white-pill{background:var(--surface-cream);color:#000;cursor:pointer;border:none;border-radius:50px;padding:10px 30px;font-size:.85rem;font-weight:600;text-decoration:none}.btn-circle-white{background:var(--surface-cream);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;text-decoration:none;display:flex}.btn-circle-white i{font-size:.9rem}.mid-section-spacer{padding:60px 50px 40px}.mid-header-row{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.mid-desc{color:var(--text-white);text-align:right;max-width:400px;font-size:1.1rem;line-height:1.5}.about-grid-refined{grid-template-columns:1.2fr 1fr;align-items:start;gap:60px;padding:0 50px 80px;display:grid}.skills-column-left{flex-direction:column;gap:24px;display:flex}.skill-card-white{color:#000;background:#f5f5f5;border-radius:24px;padding:24px 30px}.skill-header-dark{font-family:var(--font-mono);color:#000;margin-bottom:12px;font-size:1rem;font-weight:500}.skill-tags-dark{font-family:var(--font-mono);color:#333;font-size:.8rem;line-height:1.8}.skill-card-dark{background:0 0;border:1px solid #333;border-radius:24px;padding:24px 30px}.skill-card-dark.small{flex:1;min-width:200px}.skill-card-dark.wide{width:100%}.skill-card-dark.medium{flex:1;min-width:280px}.skill-header{font-family:var(--font-mono);color:var(--text-white);margin-bottom:12px;font-size:.9rem}.skill-tags{font-family:var(--font-mono);color:#aaa;font-size:.75rem;line-height:1.8}.skills-row-split{align-items:center;gap:24px;display:flex}.skill-link-circle{align-items:center;gap:12px;display:flex}.arrow-circle-white-sm{background:var(--surface-cream);color:#000;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:transform .2s;display:flex}.arrow-circle-white-sm:hover{transform:scale(1.1)}.arrow-circle-white-sm i{font-size:.85rem}.github-icon-small{color:var(--text-white);opacity:.8;font-size:1.2rem}.github-icon-small i{font-size:1rem}.skills-row-bottom{align-items:flex-start;gap:30px;margin-top:10px;display:flex}.skills-note-text{color:#888;max-width:180px;padding-top:10px;font-size:.75rem;line-height:1.5}.profile-column-right{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.profile-intro{color:var(--text-white);text-align:right;max-width:420px;margin:0;font-size:1.2rem;line-height:1.6}.profile-frame-square{aspect-ratio:3/4;background:#222;border-radius:32px;width:100%;max-width:340px;max-height:520px;position:relative;overflow:hidden}.profile-img-square{object-fit:cover;filter:contrast(1.05);width:100%;height:100%;transform:scale(1.08)}.work-section{border-top:1px solid var(--border-subtle);padding:40px 50px 60px}.big-title-right{font-family:var(--font-mono);text-align:right;letter-spacing:-2px;margin-bottom:40px;font-size:4rem;font-weight:700}.work-list{flex-direction:column;display:flex}.work-row{border-top:1px solid var(--border-subtle);cursor:default;grid-template-columns:200px 1.5fr 1fr;align-items:center;padding:24px 30px;transition:all .2s;display:grid}.work-row:last-child{border-bottom:1px solid var(--border-subtle)}.work-row.highlight{background:var(--surface-cream);color:#000;z-index:1;border-color:#0000;border-radius:4px;margin:-1px 0;position:relative;box-shadow:0 4px 20px #0003}.work-row.highlight .y-sub{color:#555;font-weight:500}.work-row.highlight .work-col{color:#000}.work-col{font-family:var(--font-mono);font-size:.85rem}.year{flex-direction:column;display:flex}.year .y-sub{opacity:.6;margin-top:4px;font-size:.7rem}.work-col.role{text-align:right}.separator{opacity:.4;margin:0 8px}.work-footer{justify-content:flex-end;margin-top:30px;display:flex}.work-xp-total{text-align:right;font-family:var(--font-mono);color:#888;font-size:.8rem;line-height:1.4}.projects-detailed-section{border-top:1px solid var(--border-subtle);flex-direction:column;gap:120px;padding:80px 50px;display:flex}.detailed-project-row{align-items:center;gap:60px;display:flex}.detailed-project-row.right-heavy{flex-direction:row}.detailed-project-row.left-heavy{flex-direction:row-reverse}.detailed-project-row.center-mix{flex-direction:row}.detailed-project-row.gostat-layout{align-items:flex-start;margin-bottom:150px}.detailed-project-row.gostat-layout.grid-left{flex-direction:row-reverse}.detailed-project-row.gostat-layout.grid-left .proj-info{text-align:right;align-items:flex-end}.detailed-project-row.gostat-layout.grid-left .proj-tags-grid{justify-content:flex-end}.detailed-project-row.gostat-layout.grid-left .proj-desc-block{align-items:flex-end}.detailed-project-row.gostat-layout.grid-left .proj-desc-block .italic-desc,.detailed-project-row.gostat-layout.grid-left .proj-desc-block .normal-desc{text-align:right}.detailed-project-row.gostat-layout.grid-left .proj-links-wrapper{margin-left:0;margin-right:0}.proj-info{flex-direction:column;flex:1;align-items:flex-start;gap:20px;display:flex}.proj-title{font-family:var(--font-main);margin-bottom:10px;font-size:1.5rem;font-weight:500}.proj-tags-grid{grid-template-columns:repeat(3,auto);gap:12px;margin-bottom:24px;display:grid}.proj-tags{flex-wrap:wrap;gap:10px;display:flex}.tag-pill{border:1px solid var(--border-subtle);color:#ccc;font-size:.75rem;font-family:var(--font-mono);text-align:center;border-radius:20px;padding:6px 14px}.proj-desc-block{margin-bottom:30px}.italic-desc{font-family:var(--font-main);color:#888;margin-bottom:16px;font-size:.9rem;font-style:italic;line-height:1.6}.italic-desc span{color:var(--text-white);font-weight:500}.normal-desc{font-family:var(--font-main);color:#666;font-size:.85rem;line-height:1.6}.proj-desc{color:#999;max-width:400px;font-size:.85rem;line-height:1.6}.proj-links-wrapper{align-items:center;gap:0;display:flex}.github-circle{width:44px;height:44px;color:var(--text-white);z-index:1;cursor:pointer;background:0 0;border:1px solid #e2dbcc59;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex}.github-circle:hover{background:#e2dbcc0f;border-color:#e2dbcc99}.github-circle.git-unavailable{cursor:default;border-radius:22px;align-items:center;gap:8px;width:auto;min-width:44px;padding-right:10px;display:inline-flex}.github-circle.git-unavailable:hover{background:#e2dbcc0a;border-color:#e2dbcc33}.git-unavailable-label{color:#e2dbcc80;white-space:nowrap;font-size:.75rem}.link-circle-white{background:var(--surface-cream);color:#000;z-index:2;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-left:-10px;font-size:1.1rem;transition:transform .2s;display:flex}.link-circle-white:hover{transform:scale(1.1)}.link-circle-white i{font-size:.9rem}.link-circle-white.link-git-unavailable{cursor:default;border-radius:22px;gap:6px;width:auto;min-width:44px;padding-left:14px;padding-right:12px}.link-circle-white.link-git-unavailable:hover{transform:none}.link-circle-white.link-git-unavailable .git-unavailable-label{color:#0009;font-size:.7rem}.btn-circle-link{background:var(--surface-cream);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:20px;transition:transform .2s;display:flex}.btn-circle-link:hover{transform:scale(1.1)}.proj-visuals{flex:1.5;position:relative}.visuals-grid{justify-content:center;align-items:center;gap:20px;display:flex}.v-mobile-sm{background:#222;border-radius:12px;width:100px;height:200px}.v-desktop-lg{background:#1a1a1a;border-radius:12px;width:320px;height:220px;box-shadow:0 20px 40px #00000080}.v-card-sm{background:#222;border-radius:20px;width:140px;height:140px}.v-mobile-lg{background:#333;border:4px solid #111;border-radius:24px;width:140px;height:280px}.v-card-vert{background:#222;border-radius:16px;width:120px;height:160px}.v-mobile-md{background:#2a2a2a;border-radius:16px;width:120px;height:240px}.v-card-vert-lg{background:#1f1f1f;border-radius:16px;width:140px;height:300px;margin-top:-40px}.proj-visuals-bento{grid-template-rows:140px 140px 100px;grid-template-columns:1fr 1fr 100px;gap:12px;width:100%;max-width:500px;display:grid}.bento-cell{background:#1a1a1a;border:1px solid #e2dbcc0f;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}.bento-cell img{object-fit:cover;width:100%;height:100%;display:block}.bento-dashboard{grid-area:1/1/span 2/span 2;min-height:0}.bento-landscape{grid-area:1/3/-1}.bento-cat{grid-area:3/1;width:100%;height:100%;min-height:0}.bento-card-link{grid-area:3/2;min-height:0}.bento-landscape-gradient{min-height:0}.bento-gradient-texture{background:linear-gradient(135deg,#1b2654 0%,#285380 50%,#1b2654 100%) 0 0/100% 100%;position:absolute;inset:0}.bento-gradient-texture:before{content:"";opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}#project-vexpay .bento-landscape-vexpay .bento-gradient-texture{background:linear-gradient(135deg,#f05000 0%,#ff2100 50%,#f05000 100%)}#project-vickyai .bento-landscape-vickyai .bento-gradient-texture{background:linear-gradient(135deg,#7c90f8 0%,#27d0ef 50%,#7c90f8 100%)}.bento-overlay-btn{color:#000;cursor:pointer;background:#e8e4dcfa;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 12px #00000059}.bento-overlay-btn:hover{transform:scale(1.08)}.bento-overlay-btn i{font-size:.75rem}.articles-section{border-top:1px solid var(--border-subtle);padding:48px 50px 80px}.articles-title{font-family:var(--font-mono);color:var(--text-white);text-align:right;letter-spacing:-.02em;margin-bottom:48px;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700}.articles-container{align-items:flex-start;gap:48px;display:flex}.articles-pagination{flex-direction:column;flex-shrink:0;align-items:center;gap:20px;display:flex;position:relative}.pagination-line{z-index:0;background:#e2dbcc33;width:1px;position:absolute;top:18px;bottom:18px;left:50%;transform:translate(-50%)}.articles-pagination .page-dot{z-index:1;color:#888;width:36px;height:36px;font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #e2dbcc40;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;position:relative}.articles-pagination .page-dot:hover{color:var(--text-white);border-color:#e2dbcc80}.articles-pagination .page-dot.active{background:var(--surface-cream);color:#000;border-color:var(--text-white)}.articles-pagination .page-dot-arrow{font-size:1rem}.articles-pagination .page-dot-arrow i{font-size:.85rem}.articles-grid-scroll{flex:1;min-width:0;max-height:420px;padding-right:6px;overflow:hidden auto}.articles-grid-scroll::-webkit-scrollbar{width:6px}.articles-grid-scroll::-webkit-scrollbar-track{background:#e2dbcc0f;border-radius:3px}.articles-grid-scroll::-webkit-scrollbar-thumb{background:#e2dbcc40;border-radius:3px}.articles-grid{grid-template-columns:1fr 1fr;gap:24px;min-width:0;display:grid}.article-card{background:var(--card-bg-elevated);border:1px solid #e2dbcc14;border-radius:20px;flex-direction:column;gap:14px;padding:28px 24px;transition:border-color .2s,box-shadow .2s;display:flex}.article-card:hover{border-color:#e2dbcc26;box-shadow:0 8px 32px #0000004d}.article-card--with-image{flex-direction:row;padding:0;overflow:hidden}.article-card--with-image .article-card-img-wrap{border-radius:20px 0 0 20px;flex-shrink:0;width:42%;min-width:180px;overflow:hidden}.article-card--with-image .article-card-img-wrap img{object-fit:cover;object-position:left center;width:100%;height:100%;min-height:160px;display:block}.article-card--with-image .article-card-content{flex-direction:column;flex:1;gap:14px;min-width:0;padding:28px 24px;display:flex}.art-title{font-family:var(--font-mono);color:var(--text-white);margin:0;font-size:.95rem;font-weight:600;line-height:1.4}.art-desc{color:#888;flex:1;margin:0;font-size:.8rem;line-height:1.55}.art-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.art-btn-read{color:var(--text-white);font-size:.8rem;font-weight:500;font-family:var(--font-main);cursor:pointer;background:#252525;border:1px solid #e2dbcc1f;border-radius:20px;padding:10px 20px;transition:background .2s,border-color .2s}.art-btn-read:hover{background:#2a2a2a;border-color:#e2dbcc33}.art-btn-arrow{background:var(--surface-cream);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;transition:transform .25s;display:flex}.art-btn-arrow i{font-size:.9rem;transition:transform .25s}.art-btn-arrow:hover{transform:scale(1.08)}.art-btn-arrow:hover i{transform:translate(3px)}.art-actions a.art-btn-read,.art-actions a.art-btn-arrow{text-decoration:none}.big-footer{border-top:1px solid var(--border-subtle);background:var(--bg-dark);padding:72px 50px 48px;position:relative}.footer-top{justify-content:space-between;align-items:flex-end;margin-bottom:56px;display:flex}.footer-brand{flex-direction:column;gap:12px;display:flex}.footer-name{flex-direction:column;line-height:1;display:flex}.footer-name-line{font-family:var(--font-mono);color:var(--text-white);letter-spacing:.02em;font-size:3.2rem;font-weight:700}.footer-name-line--last{text-align:right;margin-left:80px;font-size:3.6rem}.footer-role{font-family:var(--font-mono);color:#888;margin:0;font-size:.85rem;line-height:1.4}.footer-contacts{flex-direction:column;align-items:flex-end;gap:28px;display:flex}.section-label,.footer-contacts-label{font-family:var(--font-mono);color:var(--text-gray);letter-spacing:.04em;font-size:.8rem}.projects-section-label{margin-bottom:40px}.footer-nav-row{gap:36px;display:flex}.footer-nav-row a{color:var(--text-white);font-family:var(--font-mono);opacity:.85;font-size:.85rem;font-weight:500;text-decoration:none;transition:opacity .2s}.footer-nav-row a:hover{opacity:1;color:var(--accent)}.footer-credits-box{background:0 0;border:1px solid #e2dbcc1a;border-radius:16px;min-width:220px;padding:20px 32px}.footer-credits-box .credit-label{font-family:var(--font-mono);color:var(--text-white);margin-bottom:10px;font-size:.75rem;font-weight:600;display:block}.footer-credits-box p{font-family:var(--font-mono);color:#999;margin:0;font-size:.75rem;line-height:1.7}.footer-credits-box p a{color:var(--text-gray);border-bottom:1px solid #e2dbcc33;text-decoration:none;transition:color .2s,border-color .2s}.footer-credits-box p a:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer-socials-bar{border-top:1px solid #e2dbcc0f;flex-wrap:wrap;justify-content:flex-end;gap:14px;padding-top:32px;display:flex}.footer-social{color:var(--text-white);background:var(--card-bg);font-size:.8rem;font-family:var(--font-main);border:1px solid #e2dbcc1f;border-radius:24px;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;transition:all .2s;display:inline-flex}.footer-social:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}@media (width<=1024px){.app-container{padding:24px}.main-card{border-radius:28px}.header{padding:28px}.header-nav{gap:28px}.hero{padding:16px 28px 56px}.hero-title-big,.big-name{font-size:3rem}.hero-title-big.right-align{text-align:left;font-size:2.65rem}.hero-cta-wrapper{margin-top:20px;transform:none}.hero-top-row,.hero-bottom-row{flex-direction:column;align-items:flex-start}.indent-right,.big-name.indented{margin-left:0}.social-pills-row{flex-wrap:wrap;gap:12px;margin-top:48px;margin-bottom:40px}.projects-carousel-refined{flex-direction:column;padding:0 20px 40px}.carousel-nav-card{display:none}.carousel-mobile-nav{display:flex}.carousel-center-card{flex-direction:column;width:100%;height:auto}.carousel-center-card--backend .card-split-backend{border-right:none;border-bottom:1px solid var(--border-warm);min-height:140px}.card-split-content{padding:24px}.mid-section-spacer{padding:40px 28px 28px}.mid-header-row{flex-direction:column;gap:20px}.mid-desc{text-align:left;max-width:100%}.about-grid-refined{grid-template-columns:1fr;gap:40px;padding:0 28px 56px}.profile-column-right{justify-content:center;align-items:center}.profile-intro{text-align:center}.skills-row-bottom{flex-direction:column}.skill-card-dark.small,.skill-card-dark.medium{min-width:0}.work-section{padding:40px 28px}.big-title-right{margin-bottom:28px;font-size:2.5rem}.work-row{grid-template-columns:80px minmax(0,1fr) minmax(0,1fr);padding:16px 20px;font-size:.8rem}.work-row .work-col.role{text-align:right;word-break:break-word;font-size:.75rem}.projects-detailed-section{gap:72px;padding:48px 28px}.detailed-project-row.gostat-layout{margin-bottom:60px}.detailed-project-row,.detailed-project-row.right-heavy,.detailed-project-row.left-heavy,.detailed-project-row.gostat-layout.grid-left{flex-direction:column;gap:32px}.detailed-project-row.gostat-layout.grid-left .proj-info,.detailed-project-row.gostat-layout.grid-left .proj-tags-grid,.detailed-project-row.gostat-layout.grid-left .proj-desc-block{text-align:left;align-items:flex-start}.detailed-project-row.gostat-layout.grid-left .proj-desc-block .italic-desc,.detailed-project-row.gostat-layout.grid-left .proj-desc-block .normal-desc{text-align:left}.detailed-project-row.gostat-layout.grid-left .proj-links-wrapper{margin-left:0;margin-right:0}.proj-tags-grid{grid-template-columns:repeat(2,auto)}.proj-visuals-bento{grid-template-rows:120px 120px 72px;grid-template-columns:1fr 1fr 48px;gap:8px;max-width:100%}.bento-dashboard{grid-area:1/1/span 2/span 2}.bento-landscape{grid-area:1/3/-1}.bento-cat{grid-area:3/1}.bento-card-link{grid-area:3/2}.bento-cell img{object-fit:cover}.articles-section{padding:40px 28px 56px}.articles-title{text-align:center;margin-bottom:32px;font-size:2.2rem}.articles-container{flex-direction:column;align-items:center}.articles-pagination{flex-direction:row;gap:12px}.articles-pagination .pagination-line{display:none}.articles-grid-scroll{max-height:380px}.articles-grid{grid-template-columns:1fr;gap:20px}.big-footer{padding:48px 28px 36px}.footer-top{flex-direction:column;align-items:flex-start;gap:40px;margin-bottom:40px}.footer-contacts{align-items:flex-start;width:100%}.footer-name-line{font-size:2.2rem}.footer-name-line--last{text-align:left;margin-left:0;font-size:2.5rem}.footer-nav-row{flex-wrap:wrap;gap:20px}.footer-socials-bar{justify-content:flex-start;padding-top:24px}}@media (width<=768px){.app-container,.main-card,.main-card>*{min-width:0;max-width:100%;overflow-x:clip}.app-container{padding:0}.main-card{box-shadow:none;border-left:none;border-right:none;border-radius:0}.bg-circle{display:none}.header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0;padding:18px 20px;display:flex}.header-left{flex:1}.header-right{align-items:center;gap:12px;display:flex}.header-nav,.lang-dropdown-wrap{display:none}.hamburger{display:flex}.name{font-size:.85rem}.hero{padding:12px 20px 40px}.hero-title-big,.big-name{letter-spacing:-1px;font-size:2.25rem}.hero-title-big.right-align{font-size:2rem}.hero-cta-wrapper{flex-wrap:nowrap;align-items:center;gap:12px}.hero-cta-pill{flex-shrink:0;min-width:0;padding:10px 20px;font-size:.9rem}.arrow-circle-white{flex-shrink:0;width:42px;height:42px;font-size:1rem}.hero-desc{font-size:.9rem}.social-pills-row{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:32px;margin-bottom:28px}.social-pill-dark{padding:8px 14px;font-size:.75rem}.projects-carousel-refined{flex-direction:column;align-items:stretch;padding:0 16px 32px}.carousel-nav-card{display:none}.carousel-mobile-nav{display:flex}.carousel-center-card{border-radius:24px;flex-direction:column;width:100%;max-width:100%;height:auto}.card-split-image{flex:none;height:180px}.carousel-center-card--backend .card-split-backend{border-right:none;border-bottom:1px solid var(--border-warm);min-height:120px;padding:20px}.backend-tech-pill{padding:6px 10px;font-size:.7rem}.card-split-content{flex:none;padding:20px}.card-split-content h3{font-size:1rem}.card-split-content p{margin-bottom:20px;font-size:.8rem}.split-actions{gap:12px}.mid-section-spacer{padding:32px 20px 24px}.mid-desc{font-size:1rem}.about-grid-refined{gap:28px;padding:0 20px 40px}.skill-card-white,.skill-card-dark{border-radius:18px;padding:18px 20px}.skill-header-dark,.skill-header{font-size:.9rem}.skill-tags-dark,.skill-tags{font-size:.75rem}.profile-frame-square{aspect-ratio:3/4;max-width:240px;max-height:360px;margin:0 auto}.work-section{padding:28px 20px}.big-title-right{margin-bottom:24px;font-size:1.8rem}.work-row{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:4px 16px;padding:14px 16px}.work-row .work-col.year{grid-area:1/1}.work-row .work-col.company{grid-area:1/2}.work-row .work-col.role{text-align:left;border-top:1px solid var(--border-subtle);grid-area:2/1/auto/-1;padding-top:8px;font-size:.75rem}.work-footer{margin-top:20px}.work-xp-total{font-size:.75rem}.projects-detailed-section{gap:56px;padding:36px 20px}.projects-section-label{margin-bottom:28px;font-size:.75rem}.detailed-project-row.gostat-layout,.detailed-project-row.gostat-layout.grid-left{flex-direction:column;gap:28px}.proj-info,.proj-visuals-bento{width:100%;min-width:0}.detailed-project-row.gostat-layout.grid-left .proj-info{text-align:left;align-items:flex-start}.detailed-project-row.gostat-layout.grid-left .proj-tags-grid{justify-content:flex-start}.detailed-project-row.gostat-layout.grid-left .proj-desc-block{align-items:flex-start}.detailed-project-row.gostat-layout.grid-left .proj-desc-block .italic-desc,.detailed-project-row.gostat-layout.grid-left .proj-desc-block .normal-desc{text-align:left}.proj-title{font-size:1.25rem}.proj-tags-grid{grid-template-columns:repeat(2,auto);gap:8px}.tag-pill{padding:5px 12px;font-size:.7rem}.italic-desc{font-size:.85rem}.normal-desc{font-size:.8rem}.proj-desc-block{margin-bottom:20px}.proj-visuals-bento{grid-template-rows:100px 100px 80px;grid-template-columns:1fr 1fr;gap:6px;max-width:100%}.bento-dashboard{grid-area:1/1/span 2/span 2}.bento-landscape{grid-area:3/1}.bento-cat{grid-area:3/2}.bento-card-link{display:none}.bento-overlay-btn{width:32px;height:32px;font-size:.8rem;bottom:8px;right:8px}.articles-section{padding:32px 20px 40px}.articles-title{margin-bottom:24px;font-size:1.75rem}.articles-grid-scroll{max-height:340px}.article-card{border-radius:16px;padding:20px 18px}.article-card--with-image{flex-direction:column}.article-card--with-image .article-card-img-wrap{border-radius:16px 16px 0 0;width:100%;min-width:0}.article-card--with-image .article-card-img-wrap img{min-height:140px}.article-card--with-image .article-card-content{padding:20px 18px}.art-title{font-size:.9rem}.art-desc{font-size:.75rem}.art-btn-read,.art-btn-arrow{padding:8px 16px;font-size:.8rem}.big-footer{padding:36px 20px 28px}.footer-top{gap:32px;margin-bottom:28px}.footer-name-line{font-size:1.75rem}.footer-name-line--last{font-size:2rem}.footer-role{font-size:.8rem}.footer-nav-row{gap:16px}.footer-credits-box{width:100%;min-width:0;padding:16px 20px}.footer-socials-bar{flex-wrap:wrap;justify-content:flex-start;gap:8px;padding-top:20px}.footer-social{padding:8px 12px;font-size:.7rem}}@media (width<=480px){.app-container{width:100%;padding:0}.main-card{border-radius:0;width:100%;max-width:100%}.header{padding:16px 16px 12px}.hero{padding:10px 16px 32px}.hero-title-big,.big-name{font-size:1.85rem}.hero-title-big.right-align{font-size:1.65rem}.hero-cta-wrapper{flex-wrap:nowrap;align-items:center;gap:10px}.hero-cta-pill{flex-shrink:0;min-width:0}.social-pills-row{justify-content:flex-start;margin-top:24px;margin-bottom:20px}.projects-carousel-refined{padding:0 12px 24px}.carousel-center-card{border-radius:20px}.carousel-center-card--backend .card-split-backend{min-height:100px;padding:14px}.backend-tech-pill{padding:5px 8px;font-size:.65rem}.card-split-content{padding:16px}.card-split-content h3{font-size:.95rem}.mid-section-spacer{padding:24px 16px 20px}.about-grid-refined{padding:0 16px 32px}.work-section{padding:24px 16px}.work-row{padding:12px 14px}.big-title-right{font-size:1.5rem}.projects-detailed-section{gap:44px;padding:28px 16px}.projects-section-label{margin-bottom:20px}.detailed-project-row.gostat-layout{gap:24px}.proj-title{font-size:1.1rem}.proj-visuals-bento{grid-template-rows:88px 88px 70px;gap:5px}.articles-section{padding:24px 16px 32px}.articles-title{font-size:1.5rem}.articles-grid-scroll{max-height:320px}.articles-pagination .page-dot{width:32px;height:32px;font-size:.8rem}.big-footer{padding:28px 16px 24px}.footer-name-line{font-size:1.5rem}.footer-name-line--last{font-size:1.75rem}.footer-nav-row{gap:12px}.footer-nav-row a{font-size:.8rem}.footer-social{padding:6px 12px;font-size:.7rem}}.trajectory-modal-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out trajectory-modal-fade;display:flex;position:fixed;inset:0}@keyframes trajectory-modal-fade{0%{opacity:0}to{opacity:1}}.trajectory-modal{background:var(--card-bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;width:100%;max-width:560px;max-height:85vh;animation:.25s ease-out trajectory-modal-slide;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}@keyframes trajectory-modal-slide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.trajectory-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.trajectory-modal-title{color:var(--text-white);margin:0;font-size:1.25rem;font-weight:600}.trajectory-modal-close{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:1.75rem;line-height:1;transition:color .15s,background .15s}.trajectory-modal-close:hover{color:var(--text-white);background:var(--accent-soft)}.trajectory-modal-body{color:var(--text-gray);padding:24px;font-size:.95rem;line-height:1.65;overflow-y:auto}.trajectory-modal-body p{margin:0 0 1rem}.trajectory-modal-body p:last-child{margin-bottom:0}.initial-loader{z-index:99999;background:var(--bg-body);justify-content:center;align-items:center;transition:opacity .5s ease-out,visibility .5s ease-out;display:flex;position:fixed;inset:0}.initial-loader--hide{opacity:0;visibility:hidden}.initial-loader-inner{flex-direction:column;align-items:center;gap:20px;display:flex}.initial-loader-logo{width:72px;height:72px;line-height:0;display:block;position:relative}.initial-loader-logo:before{content:"";background-color:#e3dccc;position:absolute;inset:0;-webkit-mask-image:url(/logo02.png);mask-image:url(/logo02.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.initial-loader-logo img{object-fit:contain;visibility:hidden;width:100%;height:100%}.initial-loader-bar{background:#e2dbcc1f;border-radius:2px;width:120px;height:3px;overflow:hidden}.initial-loader-bar-fill{background:#e6e1d9;border-radius:2px;width:40%;height:100%;animation:1.2s ease-in-out infinite initial-loader-progress}@keyframes initial-loader-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.initial-loader-text{color:var(--text-dim);letter-spacing:.02em;font-size:.85rem;font-weight:500}[data-scroll-reveal]{opacity:0;transition:opacity .65s ease-out,transform .65s ease-out;transition-delay:var(--reveal-delay,0s)}[data-scroll-reveal].is-visible{opacity:1}[data-scroll-reveal=up],[data-scroll-reveal]{transform:translateY(28px)}[data-scroll-reveal=up].is-visible,[data-scroll-reveal].is-visible{transform:translateY(0)}[data-scroll-reveal=fade]{transform:none}[data-scroll-reveal=left]{transform:translate(-32px)}[data-scroll-reveal=left].is-visible{transform:translate(0)}[data-scroll-reveal=right]{transform:translate(32px)}[data-scroll-reveal=right].is-visible{transform:translate(0)}[data-scroll-reveal=scale]{transform:scale(.96)}[data-scroll-reveal=scale].is-visible{transform:scale(1)}