:root{--hue: 195;--primary-color: oklch(.7 .14 var(--hue));--primary-hover: oklch(.62 .15 var(--hue));--primary-light: oklch(.95 .025 var(--hue));--secondary-color: oklch(.68 .13 calc(var(--hue) + 40));--page-bg: oklch(.95 .01 var(--hue));--card-bg: #ffffff;--btn-content: oklch(.55 .12 var(--hue));--background-color: var(--page-bg);--bg-color: var(--page-bg);--surface-color: oklch(.97 .008 var(--hue));--bg-surface: var(--card-bg);--bg-secondary: oklch(.95 .025 var(--hue));--bg-input: var(--card-bg);--bg-code: oklch(.2 .015 var(--hue));--border-color: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .12);--text-strong: rgba(0, 0, 0, .9);--text-color: rgba(0, 0, 0, .75);--text-primary: var(--text-strong);--text-secondary: rgba(0, 0, 0, .55);--text-muted: rgba(0, 0, 0, .5);--code-bg: var(--bg-secondary);--code-border: var(--border-medium);--font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--success-bg: oklch(.95 .05 150);--success-border: oklch(.75 .12 150);--success-text: oklch(.45 .12 150);--error-bg: oklch(.95 .04 25);--error-border: oklch(.72 .15 25);--error-text: oklch(.5 .17 25);--link-underline: oklch(.93 .04 var(--hue));--link-hover: oklch(.95 .025 var(--hue));--selection-bg: oklch(.9 .05 var(--hue))}[data-theme=dark]{--primary-color: oklch(.75 .14 var(--hue));--primary-hover: oklch(.68 .15 var(--hue));--primary-light: oklch(.3 .035 var(--hue));--secondary-color: oklch(.72 .13 calc(var(--hue) + 40));--page-bg: oklch(.16 .014 var(--hue));--card-bg: oklch(.23 .015 var(--hue));--btn-content: oklch(.75 .1 var(--hue));--surface-color: oklch(.2 .015 var(--hue));--bg-secondary: oklch(.33 .035 var(--hue));--bg-code: oklch(.17 .015 var(--hue));--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .14);--text-strong: rgba(255, 255, 255, .9);--text-color: rgba(255, 255, 255, .75);--text-secondary: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .5);--success-bg: oklch(.28 .05 150);--success-text: oklch(.8 .12 150);--error-bg: oklch(.28 .05 25);--error-text: oklch(.8 .12 25);--link-underline: oklch(.4 .08 var(--hue));--link-hover: oklch(.4 .08 var(--hue));--selection-bg: oklch(.4 .08 var(--hue))}@media (prefers-color-scheme: dark){:root:not([data-theme]){--primary-color: oklch(.75 .14 var(--hue));--primary-hover: oklch(.68 .15 var(--hue));--primary-light: oklch(.3 .035 var(--hue));--secondary-color: oklch(.72 .13 calc(var(--hue) + 40));--page-bg: oklch(.16 .014 var(--hue));--card-bg: oklch(.23 .015 var(--hue));--btn-content: oklch(.75 .1 var(--hue));--surface-color: oklch(.2 .015 var(--hue));--bg-secondary: oklch(.33 .035 var(--hue));--bg-code: oklch(.17 .015 var(--hue));--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .14);--text-strong: rgba(255, 255, 255, .9);--text-color: rgba(255, 255, 255, .75);--text-secondary: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .5);--link-underline: oklch(.4 .08 var(--hue));--link-hover: oklch(.4 .08 var(--hue));--selection-bg: oklch(.4 .08 var(--hue))}}body{font-family:var(--font-sans);background-color:var(--page-bg);color:var(--text-color)}::selection{background:var(--selection-bg)}code,kbd,pre,samp{font-family:var(--font-mono)}#daylight-background{background:radial-gradient(circle at 20% 80%,color-mix(in oklch,var(--primary-color) 9%,transparent) 0%,transparent 60%),radial-gradient(circle at 80% 20%,color-mix(in oklch,var(--secondary-color) 7%,transparent) 0%,transparent 60%)}#daylight-background:before,#daylight-background:after{background-image:radial-gradient(circle 70px at 15% 25%,color-mix(in oklch,var(--primary-color) 10%,transparent),transparent),radial-gradient(circle 80px at 75% 60%,color-mix(in oklch,var(--secondary-color) 8%,transparent),transparent)}.hero-section{background:linear-gradient(135deg,color-mix(in oklch,var(--primary-color) 10%,transparent),color-mix(in oklch,var(--secondary-color) 8%,transparent))}.navbar.scrolled{background:color-mix(in oklch,var(--card-bg) 92%,transparent)}[data-theme=dark] .navbar{background:color-mix(in oklch,var(--page-bg) 80%,transparent)}[data-theme=dark] .navbar.scrolled{background:color-mix(in oklch,var(--page-bg) 95%,transparent)}[data-theme=dark] .mobile-menu{background:color-mix(in oklch,var(--card-bg) 96%,transparent)}article.post-content,.report-content{font-family:var(--font-sans);font-size:1rem;line-height:1.75;color:var(--text-color)}article.post-content :is(h1,h2,h3,h4,h5,h6),.report-content :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-sans);color:var(--text-strong);letter-spacing:-.01em}article.post-content p,.report-content p{margin:1.1em 0}article.post-content strong,.report-content strong{color:var(--text-strong);font-weight:700}article.post-content a:not(.no-styling),.report-content a:not(.no-styling){color:var(--primary-color);font-weight:500;text-decoration-line:underline;text-decoration-style:dashed;text-decoration-thickness:.125rem;text-decoration-color:var(--link-underline);text-underline-offset:.25rem;border-radius:.375rem;transition:background .15s,text-decoration-color .15s}article.post-content a:not(.no-styling):hover,.report-content a:not(.no-styling):hover{background:var(--link-hover);text-decoration-color:var(--link-hover)}article.post-content :not(pre)>code,.report-content :not(pre)>code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-secondary);color:var(--btn-content);padding:.125rem .35rem;border-radius:.3rem;border:none}article.post-content blockquote,.report-content blockquote{position:relative;margin:1.5em 0;padding:.25rem 0 .25rem 1.25rem;border-left:none;color:var(--text-secondary);font-style:normal;background:none}article.post-content blockquote:before,.report-content blockquote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.25rem;border-radius:1rem;background:var(--bg-secondary)}article.post-content ul li::marker,article.post-content ol li::marker,.report-content ul li::marker,.report-content ol li::marker{color:var(--primary-color)}article.post-content img,.report-content img{border-radius:.75rem}article.post-content hr,.report-content hr{border:none;border-top:1px dashed var(--border-medium);margin:2em 0}article.post-content table,.report-content table{width:100%;margin:1.5em 0;border-collapse:separate;border-spacing:0;font-size:.925rem;border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;display:block;overflow-x:auto}article.post-content th,.report-content th{background:var(--bg-secondary);color:var(--text-strong);font-weight:600;text-align:left}article.post-content th,article.post-content td,.report-content th,.report-content td{padding:.6rem .9rem;border-bottom:1px solid var(--border-color)}article.post-content tr:last-child td,.report-content tr:last-child td{border-bottom:none}article.post-content tbody tr:hover,.report-content tbody tr:hover{background:var(--surface-color)}.hue-picker{position:relative;display:flex}.hue-panel{position:absolute;top:calc(100% + .75rem);right:0;width:18rem;padding:1rem 1.1rem 1.1rem;background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 12px 32px #0000002e;z-index:1100;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .15s,transform .15s}.hue-picker.open .hue-panel{opacity:1;transform:none;pointer-events:auto}.hue-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;font-weight:700;color:var(--text-strong)}.hue-panel-head:before{content:"";width:.25rem;height:1rem;border-radius:1rem;background:var(--primary-color);margin-right:.5rem}.hue-panel-head span{flex:1}.hue-value{min-width:3rem;text-align:center;padding:.2rem .5rem;border-radius:.5rem;background:var(--bg-secondary);color:var(--btn-content);font-family:var(--font-mono);font-size:.85rem}.hue-reset{margin-right:.5rem;border:none;border-radius:.5rem;background:var(--bg-secondary);color:var(--btn-content);cursor:pointer;width:1.8rem;height:1.8rem}.hue-slider{-webkit-appearance:none;appearance:none;width:100%;height:1.5rem;border-radius:.5rem;cursor:pointer;background:linear-gradient(to right,#f3a3bb,#eeae7b,#b5c87d 33.33%,#96cea0,#6dd3c0 50%,#80c7f8 66.67%,#a8bcf6,#c7aff5 83.33%,#f3a3bb)}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;width:.6rem;height:1.2rem;border-radius:.2rem;background:#ffffffe6;box-shadow:0 0 0 1px #0003}.hue-slider::-moz-range-thumb{width:.6rem;height:1.2rem;border:none;border-radius:.2rem;background:#ffffffe6}#background-effects{transition:opacity .3s}html:not([data-bg=stars]) #stars-background,html:not([data-bg=stars]) #daylight-background{display:none}html[data-bg=plain] #background-effects{display:none}html[data-bg=grid] #background-effects{background-image:linear-gradient(color-mix(in oklch,var(--primary-color) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--primary-color) 10%,transparent) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 40%,transparent 85%);mask-image:radial-gradient(ellipse at 50% 30%,#000 40%,transparent 85%)}html[data-bg=dots] #background-effects{background-image:radial-gradient(color-mix(in oklch,var(--primary-color) 28%,transparent) 1.2px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 45%,transparent 90%);mask-image:radial-gradient(ellipse at 50% 30%,#000 45%,transparent 90%)}html[data-bg=aurora] #background-effects:before,html[data-bg=aurora] #background-effects:after{content:"";position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(80px);opacity:.35;animation:aurora-drift 26s ease-in-out infinite alternate}html[data-bg=aurora] #background-effects:before{top:-25vmax;left:-15vmax;background:radial-gradient(circle,var(--primary-color),transparent 65%)}html[data-bg=aurora] #background-effects:after{bottom:-30vmax;right:-20vmax;background:radial-gradient(circle,var(--secondary-color),transparent 65%);animation-delay:-13s}@keyframes aurora-drift{0%{transform:translate(0) scale(1)}to{transform:translate(12vmax,8vmax) scale(1.15)}}html[data-bg=matrix] #background-effects{background-image:repeating-linear-gradient(90deg,transparent 0 26px,color-mix(in oklch,var(--primary-color) 14%,transparent) 26px 27px),linear-gradient(180deg,transparent 0%,color-mix(in oklch,var(--primary-color) 9%,transparent) 50%,transparent 100%);background-size:27px 100%,100% 240px;animation:matrix-fall 7s linear infinite}@keyframes matrix-fall{to{background-position:0 0,0 240px}}html[data-bg=hex] #background-effects{background-image:repeating-linear-gradient(30deg,color-mix(in oklch,var(--primary-color) 9%,transparent) 0 1px,transparent 1px 34px),repeating-linear-gradient(150deg,color-mix(in oklch,var(--primary-color) 9%,transparent) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,color-mix(in oklch,var(--primary-color) 6%,transparent) 0 1px,transparent 1px 34px);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 45%,transparent 88%);mask-image:radial-gradient(ellipse at 50% 30%,#000 45%,transparent 88%)}html[data-bg=circuit] #background-effects{background-image:linear-gradient(color-mix(in oklch,var(--primary-color) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--primary-color) 8%,transparent) 1px,transparent 1px),radial-gradient(color-mix(in oklch,var(--primary-color) 45%,transparent) 1.8px,transparent 2px);background-size:48px 48px,48px 48px,48px 48px;background-position:0 0,0 0,24px 24px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 42%,transparent 88%);mask-image:radial-gradient(ellipse at 50% 30%,#000 42%,transparent 88%)}html[data-bg=scanlines] #background-effects{background-image:repeating-linear-gradient(0deg,color-mix(in oklch,var(--primary-color) 7%,transparent) 0 1px,transparent 1px 4px);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 55%,transparent 95%);mask-image:radial-gradient(ellipse at 50% 40%,#000 55%,transparent 95%)}html[data-bg=glow] #background-effects{background-image:radial-gradient(60vmax 40vmax at 50% -10%,color-mix(in oklch,var(--primary-color) 22%,transparent),transparent 70%),radial-gradient(50vmax 40vmax at 50% 115%,color-mix(in oklch,var(--secondary-color) 18%,transparent),transparent 70%)}html[data-bg=topo] #background-effects{background-image:repeating-radial-gradient(circle at 35% 40%,transparent 0 18px,color-mix(in oklch,var(--primary-color) 10%,transparent) 18px 19px);background-size:240px 240px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 50%,transparent 92%);mask-image:radial-gradient(ellipse at 50% 30%,#000 50%,transparent 92%)}html[data-bg=carbon] #background-effects{background-image:repeating-linear-gradient(45deg,color-mix(in oklch,var(--primary-color) 7%,transparent) 0 1px,transparent 1px 11px),repeating-linear-gradient(-45deg,color-mix(in oklch,var(--primary-color) 7%,transparent) 0 1px,transparent 1px 11px);-webkit-mask-image:radial-gradient(ellipse at 50% 35%,#000 55%,transparent 95%);mask-image:radial-gradient(ellipse at 50% 35%,#000 55%,transparent 95%)}@media (prefers-reduced-motion: reduce){html[data-bg] #background-effects,html[data-bg] #background-effects:before,html[data-bg] #background-effects:after{animation:none}}.bg-head{margin:1.1rem 0 .7rem}.bg-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.bg-choice{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.35rem .35rem .4rem;border:2px solid transparent;border-radius:.75rem;background:var(--bg-secondary);color:var(--text-color);font:500 .72rem var(--font-sans);cursor:pointer;transition:border-color .15s,transform .15s}.bg-choice:hover{transform:translateY(-1px)}.bg-choice.active{border-color:var(--primary-color);color:var(--primary-color)}.bg-swatch{width:100%;height:2.2rem;border-radius:.5rem;background-color:var(--page-bg);border:1px solid var(--border-color)}.sw-stars{background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 60% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 80% 20%,#fff,transparent),radial-gradient(1px 1px at 40% 80%,#fff,transparent);background-color:oklch(.16 .014 var(--hue))}.sw-grid{background-image:linear-gradient(color-mix(in oklch,var(--primary-color) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--primary-color) 35%,transparent) 1px,transparent 1px);background-size:9px 9px}.sw-dots{background-image:radial-gradient(color-mix(in oklch,var(--primary-color) 60%,transparent) 1px,transparent 1.5px);background-size:7px 7px}.sw-aurora{background-image:radial-gradient(circle at 25% 30%,color-mix(in oklch,var(--primary-color) 70%,transparent),transparent 60%),radial-gradient(circle at 80% 80%,color-mix(in oklch,var(--secondary-color) 70%,transparent),transparent 60%)}.sw-matrix{background-image:repeating-linear-gradient(90deg,transparent 0 6px,color-mix(in oklch,var(--primary-color) 55%,transparent) 6px 7px)}.sw-hex{background-image:repeating-linear-gradient(30deg,color-mix(in oklch,var(--primary-color) 50%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(150deg,color-mix(in oklch,var(--primary-color) 50%,transparent) 0 1px,transparent 1px 6px)}.sw-circuit{background-image:linear-gradient(color-mix(in oklch,var(--primary-color) 40%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--primary-color) 40%,transparent) 1px,transparent 1px),radial-gradient(color-mix(in oklch,var(--primary-color) 85%,transparent) 1px,transparent 1.3px);background-size:8px 8px,8px 8px,8px 8px;background-position:0 0,0 0,4px 4px}.sw-scanlines{background-image:repeating-linear-gradient(0deg,color-mix(in oklch,var(--primary-color) 55%,transparent) 0 1px,transparent 1px 3px)}.sw-glow{background-image:radial-gradient(circle at 50% 0,color-mix(in oklch,var(--primary-color) 80%,transparent),transparent 70%),radial-gradient(circle at 50% 100%,color-mix(in oklch,var(--secondary-color) 70%,transparent),transparent 70%);background-color:oklch(.16 .014 var(--hue))}.sw-topo{background-image:repeating-radial-gradient(circle at 40% 45%,transparent 0 2px,color-mix(in oklch,var(--primary-color) 55%,transparent) 2px 3px)}.sw-carbon{background-image:repeating-linear-gradient(45deg,color-mix(in oklch,var(--primary-color) 50%,transparent) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,color-mix(in oklch,var(--primary-color) 50%,transparent) 0 1px,transparent 1px 4px)}.aboutme-container{background:transparent}.aboutme-container>.container{max-width:1000px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 10px 30px #0000001f;padding:.5rem 2.5rem}.aboutme-container .profile-card,.aboutme-container .content-blocks,.aboutme-container .content-block,.aboutme-container .contact-section{background:transparent;border:none;border-radius:0;box-shadow:none;margin:0;padding:2rem 0}.aboutme-container .content-blocks{padding:0}.aboutme-container .profile-card+.content-blocks,.aboutme-container .content-block+.content-block,.aboutme-container .content-blocks+.contact-section{border-top:1px dashed var(--border-medium)}.aboutme-container .content-block:hover{transform:none;box-shadow:none}@media (max-width: 768px){.aboutme-container>.container{padding:.25rem 1.25rem;border-radius:.75rem}}.aboutme-container .block-list{max-width:720px;margin:.75rem auto 0;padding-left:1.25rem;text-align:left;line-height:1.7;color:var(--text-color)}.aboutme-container .block-list li{margin:.35rem 0}.aboutme-container .block-list li::marker{color:var(--primary-color)}.aboutme-container .li-section{padding:2rem 0;border-top:1px dashed var(--border-medium)}.li-muted{color:var(--text-muted);font-size:.875rem;line-height:1.5}.li-logo{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#fff;box-shadow:0 0 0 1px var(--border-color)}.li-logo-sm{width:28px;height:28px;border-radius:7px}.li-experience{display:grid;gap:1.25rem;max-width:760px;margin:1.25rem auto 0}.li-company{display:flex;gap:1rem;padding:1.1rem 1.25rem;border-radius:1rem;background:var(--surface-color);border:1px solid var(--border-color)}.li-company-body{flex:1;min-width:0}.li-company-name{font-weight:700;font-size:1.05rem;color:var(--text-strong)}.li-roles{list-style:none;margin:.9rem 0 0;padding:0 0 0 1.1rem;position:relative}.li-roles:before{content:"";position:absolute;left:.3rem;top:.45rem;bottom:.6rem;width:2px;border-radius:2px;background:color-mix(in oklch,var(--primary-color) 35%,transparent)}.li-role{position:relative;padding:0 0 .9rem .6rem}.li-role:last-child{padding-bottom:0}.li-role:before{content:"";position:absolute;left:-1.1rem;top:.4rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 4px color-mix(in oklch,var(--primary-color) 20%,transparent)}.li-role-title{font-weight:600;color:var(--text-strong)}.li-role-desc{margin-top:.25rem;color:var(--text-color);font-size:.925rem}.li-role-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:.4rem;font-size:.85rem;font-weight:600;color:var(--primary-color);text-decoration:none;transition:opacity .18s}.li-role-link:hover{opacity:.75;text-decoration:underline}@property --spin{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.cert-featured{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.9rem}.cert-badge{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1rem 1rem;border-radius:1.1rem;text-decoration:none;color:var(--text-color);background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,conic-gradient(from var(--spin),var(--primary-color),var(--secondary-color),color-mix(in oklch,var(--primary-color) 20%,transparent),var(--primary-color)) border-box;border:2px solid transparent;box-shadow:0 8px 28px color-mix(in oklch,var(--primary-color) 18%,transparent);transition:transform .2s,box-shadow .2s}.cert-badge.is-featured{animation:cert-spin 6s linear infinite}.cert-badge:hover{transform:translateY(-4px);box-shadow:0 14px 36px color-mix(in oklch,var(--primary-color) 32%,transparent)}@keyframes cert-spin{to{--spin: 360deg}}.cert-badge-code{padding-right:2.2rem;font-family:var(--font-mono);font-weight:800;font-size:1.6rem;letter-spacing:.04em;line-height:1;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cert-badge-name{font-weight:600;color:var(--text-strong);line-height:1.35;font-size:.92rem}.cert-badge-issuer{display:flex;align-items:center;gap:.45rem;color:var(--text-muted);font-size:.85rem}.cert-badge-issuer img{width:18px;height:18px;border-radius:4px}.cert-verify{position:absolute;top:.8rem;right:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;font-size:.95rem;font-weight:700;color:var(--primary-color);background:color-mix(in oklch,var(--primary-color) 14%,transparent);transition:background .2s,color .2s}.cert-badge:hover .cert-verify{background:var(--primary-color);color:var(--card-bg)}.cert-row{margin-top:1.5rem}.cert-issuer{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;font-weight:700;color:var(--text-strong)}.cert-badge:not(.is-featured){box-shadow:0 4px 16px color-mix(in oklch,var(--primary-color) 10%,transparent)}.cert-badge.is-pending{background:var(--card-bg);border:2px dashed color-mix(in oklch,var(--primary-color) 40%,transparent);box-shadow:none;opacity:.85}.cert-badge.is-pending:hover{transform:none}.cert-status{align-self:flex-start;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg-secondary)}.cert-skills{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem}.cert-skills span{font-size:.72rem;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border-medium);color:var(--text-secondary)}.cert-badge-foot{display:flex;margin-top:auto;padding-top:.6rem}.cert-badge-foot:empty{display:none}.cert-code{white-space:nowrap;font-family:var(--font-mono);font-size:.72rem;padding:.15rem .45rem;border-radius:.35rem;background:var(--bg-secondary);color:var(--btn-content)}.cert-name{font-weight:600;color:var(--text-strong);line-height:1.35;margin-bottom:.2rem}.highlight-card.highlight-wide{grid-column:1 / -1;align-items:flex-start}.highlight-body{flex:1;min-width:0}.highlight-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.9rem}.highlight-gallery a{display:block;border-radius:.75rem;overflow:hidden;border:1px solid var(--border-color);aspect-ratio:4 / 3}.highlight-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.highlight-gallery a:hover img{transform:scale(1.04)}.highlight-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.highlight-links a{padding:.3rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600;text-decoration:none;color:var(--primary-color);background:color-mix(in oklch,var(--primary-color) 14%,transparent)}.highlight-links a:hover{background:var(--primary-color);color:var(--card-bg)}a.highlight-card:hover{transform:translateY(-3px);border-color:color-mix(in oklch,var(--primary-color) 45%,transparent)}a.highlight-card:hover .cert-verify{background:var(--primary-color);color:var(--card-bg)}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.25rem}.highlight-card{position:relative;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s;display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border-radius:1rem;background:linear-gradient(135deg,color-mix(in oklch,var(--primary-color) 14%,var(--surface-color)),var(--surface-color));border:1px solid var(--border-color)}.highlight-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;font-size:1.5rem;background:color-mix(in oklch,var(--primary-color) 18%,transparent);flex-shrink:0}@media (prefers-reduced-motion: reduce){.cert-badge{animation:none}}@media (max-width: 640px){.li-company{flex-direction:column}}.aboutme-container{padding:clamp(1.5rem,4vw,3rem) 0 clamp(3rem,6vw,5rem)}.aboutme-container>.ab-page{--ab-gap: clamp(2.75rem, 5.5vw, 4.5rem);max-width:960px;margin:0 auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.25rem;box-shadow:0 1px 2px #0000000a,0 18px 50px -24px #00000059;padding:clamp(1.75rem,4vw,3.25rem) clamp(1.5rem,4vw,3.25rem) clamp(2.5rem,5vw,3.5rem)}.ab-hero{display:flex;align-items:center;gap:clamp(1.25rem,3vw,2.25rem)}.ab-hero-avatar{flex-shrink:0}.ab-page .avatar-img{width:clamp(104px,15vw,132px);height:clamp(104px,15vw,132px);border-radius:50%;object-fit:cover;border:none;box-shadow:0 0 0 1px var(--border-color),0 0 0 5px color-mix(in oklch,var(--primary-color) 14%,transparent),0 10px 30px -10px color-mix(in oklch,var(--primary-color) 45%,transparent)}.ab-page .avatar-cycle{position:relative;width:clamp(104px,15vw,132px);height:clamp(104px,15vw,132px);border-radius:50%;box-shadow:0 0 0 1px var(--border-color),0 0 0 5px color-mix(in oklch,var(--primary-color) 14%,transparent),0 10px 30px -10px color-mix(in oklch,var(--primary-color) 45%,transparent)}.ab-page .avatar-cycle .avatar-img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:none;opacity:0;transition:opacity .7s ease}.ab-page .avatar-cycle .avatar-img.is-on{opacity:1}@media (prefers-reduced-motion: reduce){.ab-page .avatar-cycle .avatar-img{transition:none}}.ab-hero-text{min-width:0}.ab-kicker{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;color:var(--primary-color);margin-bottom:.35rem}.ab-hero-name{font-family:var(--font-mono);font-weight:800;font-size:clamp(2rem,5vw,2.9rem);line-height:1.05;letter-spacing:-.01em;color:var(--text-strong);margin:0;-webkit-text-fill-color:currentColor;background:none}.ab-hero-title{margin:.55rem 0 0;font-size:clamp(.95rem,2vw,1.05rem);font-weight:500;color:var(--text-secondary);line-height:1.45}.ab-hero-bio{margin:.9rem 0 0;font-size:1rem;line-height:1.65;color:var(--text-color);max-width:56ch}.ab-social{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem}.ab-social-link{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.8rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);transition:transform .18s,color .18s,border-color .18s,background .18s}.ab-social-link svg{width:1.15rem;height:1.15rem}.ab-social-link:hover{transform:translateY(-3px);color:var(--primary-color);border-color:color-mix(in oklch,var(--primary-color) 55%,transparent);background:color-mix(in oklch,var(--primary-color) 12%,var(--card-bg))}.ab-page .ab-section{margin-top:var(--ab-gap);padding:0;border:none}.ab-shead{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.6rem}.ab-num{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--primary-color);opacity:.85}.ab-h2{margin:0;font-size:clamp(1.25rem,2.6vw,1.55rem);font-weight:700;letter-spacing:-.01em;color:var(--text-strong);white-space:nowrap}.ab-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--border-medium),transparent);align-self:center;margin-left:.25rem}.ab-about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.25rem,3vw,2.25rem)}.ab-subhead{margin:0 0 .5rem;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--primary-color)}.ab-prose p{margin:0;font-size:1rem;line-height:1.7;color:var(--text-color)}.ab-list{margin:.6rem 0 0;padding-left:1.1rem;line-height:1.7;color:var(--text-color)}.ab-list li{margin:.3rem 0}.ab-list li::marker{color:var(--primary-color)}.ab-page .li-experience{display:grid;gap:1rem;max-width:none;margin:0}.ab-page .li-company{gap:1.1rem;padding:1.25rem 1.4rem;border-radius:1rem;background:var(--surface-color);border:1px solid var(--border-color);transition:border-color .2s,transform .2s,box-shadow .2s}.ab-page .li-company:hover{border-color:color-mix(in oklch,var(--primary-color) 35%,transparent);box-shadow:0 12px 30px -18px color-mix(in oklch,var(--primary-color) 60%,transparent)}.ab-page .li-company-name{font-size:1.12rem}.ab-page .li-logo{width:52px;height:52px;border-radius:12px}.ab-page .cert-row{margin-top:1.75rem}.ab-page .cert-row:first-of-type{margin-top:0}.ab-page .cert-issuer{gap:.55rem;margin-bottom:.9rem;font-size:.95rem;letter-spacing:.01em}.ab-page .cert-issuer-other{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;letter-spacing:.1em}.ab-page .cert-featured{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.85rem}.ab-page .cert-badge{animation:none;gap:.4rem;padding:1.15rem 1.15rem 1rem;border-radius:1rem;background:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 1px 2px #00000008;transition:transform .2s,box-shadow .2s,border-color .2s}.ab-page .cert-badge:hover{transform:translateY(-3px);box-shadow:0 14px 32px -18px color-mix(in oklch,var(--primary-color) 70%,transparent);border-color:color-mix(in oklch,var(--primary-color) 40%,transparent)}.ab-page .cert-badge.is-featured{background:linear-gradient(var(--surface-color),var(--surface-color)) padding-box,linear-gradient(135deg,var(--primary-color),var(--secondary-color)) border-box;border:1.5px solid transparent;box-shadow:0 10px 30px -16px color-mix(in oklch,var(--primary-color) 60%,transparent)}.ab-page .cert-badge.is-pending{background:var(--card-bg);border:1.5px dashed color-mix(in oklch,var(--primary-color) 35%,transparent);box-shadow:none;opacity:1}.ab-page .cert-badge-code{font-size:1.5rem;letter-spacing:.02em}.ab-page .cert-verify{top:.9rem;right:.9rem;width:1.8rem;height:1.8rem}.ab-page .highlight-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:.9rem;margin-top:0}.ab-page .highlight-card{align-items:flex-start;gap:.9rem;padding:1.25rem 1.3rem;border-radius:1rem;background:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 1px 2px #00000008}.ab-page a.highlight-card:hover{transform:translateY(-3px);border-color:color-mix(in oklch,var(--primary-color) 40%,transparent);box-shadow:0 14px 32px -18px color-mix(in oklch,var(--primary-color) 65%,transparent)}.ab-page .highlight-icon{width:2.75rem;height:2.75rem;border-radius:.8rem;font-size:1.35rem;background:color-mix(in oklch,var(--primary-color) 14%,transparent)}.ab-page .highlight-body .cert-name{font-size:1.02rem;margin-bottom:.25rem}.ab-page .highlight-wide{grid-column:1 / -1;flex-direction:column}.ab-page .highlight-head{display:flex;align-items:flex-start;gap:.9rem}.ab-page .highlight-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem;width:100%}.ab-page .highlight-gallery a{aspect-ratio:16 / 10;border-radius:.8rem}.ab-page .highlight-links{margin-top:.9rem}.ab-page .highlight-links a{padding:.4rem .9rem;border-radius:.6rem}.ab-page .ab-contact-lead{margin:0;font-size:1.05rem;color:var(--text-color);line-height:1.6;max-width:52ch}.ab-contact-actions{margin-top:1.25rem}.ab-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.2rem;border-radius:.75rem;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}.ab-btn svg{width:1.1rem;height:1.1rem}.ab-btn-primary{color:var(--card-bg);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 10px 26px -12px color-mix(in oklch,var(--primary-color) 75%,transparent)}.ab-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -14px color-mix(in oklch,var(--primary-color) 80%,transparent)}@media (max-width: 680px){.ab-hero{flex-direction:column;text-align:center;gap:1.1rem}.ab-hero-bio{max-width:none}.ab-social{justify-content:center}.ab-shead{gap:.6rem}.ab-h2{white-space:normal}.ab-page .highlight-gallery{grid-template-columns:1fr}}.ab-page a.highlight-card:not(.highlight-wide){padding-right:3rem}.ab-page .highlight-gallery.is-single{grid-template-columns:minmax(0,440px)}.ab-page .ab-section-lead{margin:-.6rem 0 1.25rem;color:var(--text-secondary);font-size:.95rem}.ab-page .content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}.ab-page .content-card{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:1.2rem 1.25rem 1.1rem;border-radius:1rem;text-decoration:none;color:var(--text-color);background:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 1px 2px #00000008;transition:transform .2s,box-shadow .2s,border-color .2s}.ab-page a.content-card:hover{transform:translateY(-3px);border-color:color-mix(in oklch,var(--primary-color) 45%,transparent);box-shadow:0 14px 32px -18px color-mix(in oklch,var(--primary-color) 65%,transparent)}.content-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.content-kind{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px}.content-kind--challenge{color:var(--primary-color);background:color-mix(in oklch,var(--primary-color) 15%,transparent)}.content-kind--machine{color:var(--secondary-color);background:color-mix(in oklch,var(--secondary-color) 15%,transparent)}.content-rating{font-size:.82rem;font-weight:600;color:#f5a623}.content-title{font-family:var(--font-mono);font-weight:700;font-size:1.15rem;color:var(--text-strong);letter-spacing:-.01em}.content-tags{display:flex;flex-wrap:wrap;gap:.35rem}.content-tag{font-size:.72rem;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--border-medium);color:var(--text-secondary)}.content-diff[data-diff=very-easy],.content-diff[data-diff=easy]{color:#43b581;border-color:color-mix(in oklch,#43b581 50%,transparent)}.content-diff[data-diff=medium]{color:#e8a317;border-color:color-mix(in oklch,#e8a317 50%,transparent)}.content-diff[data-diff=hard]{color:#e0534f;border-color:color-mix(in oklch,#e0534f 50%,transparent)}.content-diff[data-diff=insane]{color:#b36ae2;border-color:color-mix(in oklch,#b36ae2 50%,transparent)}.content-desc{margin:.1rem 0 0;font-size:.88rem;line-height:1.55;color:var(--text-muted)}.content-open{margin-top:auto;padding-top:.6rem;font-size:.82rem;font-weight:600;color:var(--primary-color)}.ab-page a.content-card:hover .content-open{text-decoration:underline}#lab-scene,#lab-scene2{position:fixed;inset:0;z-index:0;opacity:0;pointer-events:none;overflow:hidden;transition:opacity .4s ease;display:block}#lab-scene svg,#lab-scene2 svg{position:absolute;top:0;left:0;width:100%;height:auto;display:block;will-change:transform}#lab-read,#lab-read2{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 62% 46% at 50% 42%,rgba(3,16,28,.6),rgba(3,16,28,.34) 55%,transparent 80%)}html[data-bg=lab] #stars-background,html[data-bg=lab] #daylight-background,html[data-bg=lab2] #stars-background,html[data-bg=lab2] #daylight-background{display:none!important}html[data-bg=lab] #lab-scene,html[data-bg=lab2] #lab-scene2{opacity:1}.sw-lab{background:radial-gradient(circle at 70% 35%,rgba(95,230,240,.9),transparent 40%),radial-gradient(circle at 30% 70%,rgba(246,179,74,.7),transparent 45%),linear-gradient(160deg,#123040,#081722)}.sw-lab2{background:radial-gradient(circle at 30% 30%,rgba(229,72,77,.9),transparent 42%),radial-gradient(circle at 72% 68%,rgba(245,197,66,.85),transparent 45%),linear-gradient(160deg,#2f6174,#16323d)}html[data-bg=lab] .hero-title .greeting,html[data-bg=lab2] .hero-title .greeting,html[data-bg=lab] .hero-subtitle,html[data-bg=lab2] .hero-subtitle,html[data-bg=lab] .hero-description,html[data-bg=lab2] .hero-description{text-shadow:0 1px 12px rgba(3,14,26,.9),0 0 3px rgba(3,14,26,.95)}html[data-bg=lab] .hero-title .name,html[data-bg=lab2] .hero-title .name{text-shadow:0 2px 16px rgba(3,14,26,.8),0 0 4px rgba(3,14,26,.7)}html[data-bg=lab] .empty-state,html[data-bg=lab2] .empty-state,html[data-bg=lab] .empty-state *,html[data-bg=lab2] .empty-state *{text-shadow:0 1px 12px rgba(3,14,26,.92),0 0 3px rgba(3,14,26,.95)}
