*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline{display:inline}.grid{display:grid}.contents{display:contents}.hidden{display:none}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg-primary:#0a0a0f;--bg-surface:#111118;--bg-card:#14141d;--bg-card-hover:#1a1a25;--text-primary:#f0f0f0;--text-secondary:hsla(0,0%,94%,.58);--text-tertiary:hsla(0,0%,94%,.32);--text-faint:hsla(0,0%,94%,.14);--border:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.16);--border-strong:hsla(0,0%,100%,.24);--accent:#4a90d9;--accent-soft:rgba(74,144,217,.14);--accent-glow:rgba(74,144,217,.35);--accent-fg:#fff;--font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"Geist Mono","JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace}html[data-theme=light]{--bg-primary:#fafaf7;--bg-surface:#f2f2ee;--bg-card:#fff;--bg-card-hover:#f8f8f5;--text-primary:#0a0a0f;--text-secondary:rgba(10,10,15,.62);--text-tertiary:rgba(10,10,15,.38);--text-faint:rgba(10,10,15,.14);--border:rgba(0,0,0,.09);--border-hover:rgba(0,0,0,.18);--border-strong:rgba(0,0,0,.32)}html[data-accent=blue]{--accent:#4a90d9;--accent-soft:rgba(74,144,217,.14);--accent-glow:rgba(74,144,217,.38);--accent-fg:#fff}html[data-accent=purple]{--accent:#8b6cff;--accent-soft:rgba(139,108,255,.16);--accent-glow:rgba(139,108,255,.4);--accent-fg:#fff}html[data-accent=green]{--accent:#5ddb8f;--accent-soft:rgba(93,219,143,.14);--accent-glow:rgba(93,219,143,.34);--accent-fg:#06110a}html[data-accent=amber]{--accent:#f5a524;--accent-soft:rgba(245,165,36,.14);--accent-glow:rgba(245,165,36,.36);--accent-fg:#0a0a0f}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body,html{background:var(--bg-primary);color:var(--text-primary)}body{min-height:100vh;font-size:16px;line-height:1.65;letter-spacing:-.005em;overflow-x:hidden;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;background:transparent;padding:0}button,input,textarea{font-family:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-fg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}:where(a,button,input,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.boot-overlay{position:fixed;inset:0;z-index:9999;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:opacity .4s ease-out}.boot-overlay.fading{opacity:0;pointer-events:none}html.boot-skip .boot-overlay{display:none}.boot-lines{display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);max-width:640px;padding:0 24px;letter-spacing:.02em}.boot-line{width:0;overflow:hidden;white-space:nowrap;animation:bootType var(--line-type) steps(var(--line-chars)) forwards;animation-delay:var(--line-start)}@keyframes bootType{0%{width:0}to{width:calc(var(--line-chars) * 1ch)}}.boot-cursor{display:inline-block;margin-top:4px;color:var(--accent);animation:bootBlink .8s step-end infinite}@keyframes bootBlink{50%{opacity:0}}.boot-skip-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.14em;text-transform:uppercase;opacity:0;animation:bootHintFade .5s ease-out 2.4s forwards}@keyframes bootHintFade{to{opacity:.5}}.skip-link{position:absolute;left:16px;top:-40px;padding:8px 12px;background:var(--accent);color:var(--accent-fg);border-radius:6px;font-family:var(--font-mono);font-size:12px;transition:top .2s;z-index:100}.skip-link:focus{top:16px}.container-x{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:640px){.container-x{padding:0 20px}}.grid-bg{background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);opacity:.55}.grid-bg,.noise{position:absolute;inset:0;pointer-events:none}.noise{opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.t-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-weight:500}.t-eyebrow,.t-label{font-family:var(--font-mono)}.t-label{font-size:12px;letter-spacing:.06em;color:var(--text-secondary)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.tweaks-panel{position:fixed;bottom:20px;right:20px;z-index:100;width:280px;border:1px solid var(--border-hover);border-radius:14px;background:color-mix(in srgb,var(--bg-card) 94%,transparent);backdrop-filter:blur(14px);padding:16px;font-family:var(--font-mono);font-size:12px;box-shadow:0 20px 40px -10px rgba(0,0,0,.5);transform:translateY(8px);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.tweaks-panel.open{transform:translateY(0);opacity:1;pointer-events:auto}.tweaks-panel h5{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin:14px 0 8px}.tweaks-panel h5:first-of-type{margin-top:0}.tweak-row{display:flex;gap:6px;flex-wrap:wrap}.tweak-chip{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;display:inline-flex;align-items:center;gap:6px}.tweak-chip:hover{color:var(--text-primary);border-color:var(--border-hover)}.tweak-chip.active{border-color:var(--accent);color:var(--text-primary);background:var(--accent-soft)}.tweak-swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.tweak-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:10px;border-bottom:1px solid var(--border)}.tweak-header .label{color:var(--text-primary);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.tweak-header .close{width:22px;height:22px;display:grid;place-items:center;color:var(--text-tertiary);border-radius:4px}.tweak-header .close:hover{color:var(--text-primary);background:var(--bg-surface)}html[data-card-style=outlined] .project-card{background:transparent}html[data-card-style=filled] .project-card{background:var(--bg-card)}html[data-card-style=elevated] .project-card{background:var(--bg-card);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}.icon-btn{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);transition:color .2s,border-color .2s,background .2s}.icon-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-card-hover)}.nav-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px}.nav-chip .dot{width:8px;height:8px;background:#5ddb8f;border-radius:50%;box-shadow:0 0 0 0 rgba(93,219,143,.6);animation:pulse-ring 2s infinite}.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;border-bottom:1px solid transparent}.nav.scrolled{background:color-mix(in srgb,var(--bg-primary) 72%,transparent);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom-color:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.nav-logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.02em}.nav-logo-mark{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid var(--border-hover);border-radius:6px;background:var(--bg-card);position:relative;overflow:hidden}.nav-logo-mark:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 30% 20%,var(--accent-glow),transparent 60%);opacity:.7}.nav-logo-mark span{position:relative;z-index:1;color:var(--text-primary);font-size:12px;font-weight:700}.nav-links{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:13px}.nav-link{padding:8px 12px;border-radius:8px;color:var(--text-secondary);transition:color .2s ease,background .2s ease;position:relative;letter-spacing:.02em}.nav-link:before{margin-right:6px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.nav-link[data-i="0"]:before{content:"01"}.nav-link[data-i="1"]:before{content:"02"}.nav-link[data-i="2"]:before{content:"03"}.nav-link[data-i="3"]:before{content:"04"}.nav-link:hover{background:var(--bg-card)}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link.active:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--accent);border-radius:2px}.nav-actions{display:flex;align-items:center;gap:8px}.nav-mobile-toggle{display:none}@media (max-width:880px){.nav-chip,.nav-links{display:none}.nav-mobile-toggle{display:inline-grid}}.mobile-sheet{position:fixed;top:76px;left:16px;right:16px;z-index:49;border:1px solid var(--border-hover);border-radius:16px;background:color-mix(in srgb,var(--bg-card) 94%,transparent);backdrop-filter:blur(14px);padding:14px}.mobile-sheet a{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.mobile-sheet a:last-child{border-bottom:0}.mobile-sheet a .n{color:var(--text-tertiary);font-size:11px;margin-right:10px}.mobile-sheet a.active{color:var(--accent)}.footer{position:relative;padding:48px 0 32px;border-top:1px solid var(--border);color:var(--text-tertiary);font-family:var(--font-mono);font-size:12px}.footer-inner{justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-inner,.footer-links{display:flex;align-items:center}.footer-links{gap:16px}.footer-links a:hover{color:var(--text-primary)}.footer-socials{display:flex;gap:10px;align-items:center}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:color .2s}.footer-socials a:hover{color:var(--accent)}.footer-back{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;transition:color .2s}.footer-back:hover{color:var(--text-primary)}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(93,219,143,.55)}70%{box-shadow:0 0 0 7px rgba(93,219,143,0)}to{box-shadow:0 0 0 0 rgba(93,219,143,0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:100px 0 80px;overflow:hidden;isolation:isolate}.hero .cursor-glow{position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle at center,var(--accent-glow),transparent 60%);pointer-events:none;filter:blur(40px);transform:translate(-50%,-50%);opacity:.8;z-index:0;transition:opacity .3s ease}@media (pointer:coarse){.hero .cursor-glow{display:none}}.hero .corner-glow{position:absolute;top:-200px;right:-120px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 60%);filter:blur(60px);opacity:.4;pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr;gap:48px}.hero-top-row{display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);letter-spacing:.06em;flex-wrap:wrap}.hero-top-row .sep{color:var(--text-faint);margin:0 10px}.hero-availability{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;border:1px solid var(--border-hover);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}.hero-availability .dot{width:7px;height:7px;background:#5ddb8f;border-radius:50%;animation:pulse-ring 2.4s infinite}.hero-name{font-size:clamp(54px,9vw,136px);line-height:.92;letter-spacing:-.045em;font-weight:500;margin:0;color:var(--text-primary)}.hero-name .cursor{display:inline-block;width:.08em;height:.82em;background:var(--accent);margin-left:.06em;transform:translateY(.1em);animation:blink 1.1s infinite;box-shadow:0 0 16px var(--accent-glow)}.hero-tagline{font-size:clamp(20px,2.4vw,28px);line-height:1.35;color:var(--text-secondary);max-width:640px;margin:0;letter-spacing:-.015em;font-weight:400}.hero-tagline .accent{color:var(--text-primary);font-weight:500}.hero-role-mono{font-family:var(--font-mono);font-size:13px;color:var(--accent);letter-spacing:.05em;margin-top:18px}.hero-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:10px;font-size:14px;font-weight:500;letter-spacing:.005em;transition:transform .15s ease,background .2s ease,border-color .2s ease,color .2s ease,filter .2s ease;border:1px solid transparent;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:0 0 0 1px var(--accent),0 8px 30px -8px var(--accent-glow)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:var(--border-hover)}.btn-ghost:hover{border-color:var(--border-strong);background:var(--bg-card)}.btn .arrow{transition:transform .2s ease;display:inline-flex}.btn:hover .arrow{transform:translateX(3px)}.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;padding-top:56px;border-top:1px solid var(--border)}@media (max-width:720px){.hero-bottom{grid-template-columns:1fr}}.hero-stats{display:flex;gap:48px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:4px}.hero-stat .num{font-size:36px;font-weight:500;letter-spacing:-.03em;color:var(--text-primary);line-height:1}.hero-stat .num .unit{color:var(--accent)}.hero-stat .lbl{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.hero-social{display:flex;gap:8px}.hero-vertical-label{position:absolute;right:32px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center;font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-tertiary);z-index:3;white-space:nowrap}@media (max-width:1100px){.hero-vertical-label{display:none}}.hero-deco{position:absolute;right:32px;bottom:140px;width:380px;padding:20px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-card) 90%,transparent);backdrop-filter:blur(6px);border-radius:12px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);line-height:1.7;z-index:2;display:none}@media (min-width:1200px){.hero-deco{display:block}}.hero-deco .deco-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--text-tertiary);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.hero-deco .deco-title .dots{color:var(--border-strong);letter-spacing:2px}.hero-deco .kv{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:3px 0}.hero-deco .k{color:var(--text-tertiary)}.hero-deco .v.accent{color:var(--accent)}.hero-scroll-hint{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}.hero-scroll-hint .line{width:1px;height:24px;background:linear-gradient(to bottom,var(--border-hover),transparent);overflow:hidden;position:relative}.hero-scroll-hint .line:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:var(--accent);animation:scan 2s infinite}.section{position:relative;padding:120px 0}@media (max-width:640px){.section{padding:80px 0}}.section-header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:64px;flex-wrap:wrap}.section-title-block{max-width:700px}.section-title{font-size:clamp(36px,5vw,56px);line-height:1.02;letter-spacing:-.035em;font-weight:500;margin:12px 0;color:var(--text-primary)}.section-title .accent{color:var(--accent)}.section-sub{color:var(--text-secondary);font-size:17px;max-width:580px;margin:0;line-height:1.6}.section-counter{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);letter-spacing:.1em}#about .section-header{margin-bottom:40px}.floating-logos{position:absolute;pointer-events:none;z-index:0}.floating-logos-about-left{top:0;left:0;width:160px;height:100%}@media (max-width:1440px){.floating-logos-about-left{display:none}}.floating-logos-hero-right{top:18%;right:0;width:42%;height:78%}@media (max-width:1024px){.floating-logos-hero-right{display:none}}.floating-logos-hero-right .floating-logo{opacity:0;animation:none}html.hero-entry-ready .floating-logos-hero-right .floating-logo{animation:heroLogoEnter .7s cubic-bezier(.16,1,.3,1) var(--fl-entry-stagger,0s) forwards,floatDrift var(--fl-duration) ease-in-out calc(var(--fl-entry-stagger, 0s) + .7s) infinite}@keyframes heroLogoEnter{0%{transform:translateX(-180px);opacity:0}to{transform:translateX(0);opacity:1}}.floating-logos-projects-left{top:0;left:0;width:160px;height:100%}@media (max-width:1440px){.floating-logos-projects-left{display:none}}.floating-logos-experience-right{top:0;right:0;width:160px;height:100%}@media (max-width:1440px){.floating-logos-experience-right{display:none}}.floating-logo{position:absolute;width:var(--fl-size);height:var(--fl-size);color:var(--text-tertiary);opacity:.18;animation:floatDrift var(--fl-duration) ease-in-out infinite;animation-delay:var(--fl-delay);will-change:transform}@keyframes floatDrift{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-14px) translateX(4px)}}.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px}@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:32px}}.about-copy p{color:var(--text-secondary);font-size:17px;line-height:1.65;margin:0 0 12px;max-width:560px}.about-copy p .mark{color:var(--text-primary);background:linear-gradient(to top,var(--accent-soft) 50%,transparent 50%);padding:0 2px}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}@media (max-width:640px){.about-principles{grid-template-columns:1fr}}.principle{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);transition:border-color .2s,transform .2s}.principle:hover{border-color:var(--border-hover);transform:translateY(-2px)}.principle .num{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.1em;margin-bottom:8px}.principle .ttl{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.principle .desc{font-size:13px;color:var(--text-secondary);line-height:1.55}.tech-terminal{--tech-indent:20px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);overflow:hidden;font-family:var(--font-mono);font-size:13px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}.tech-terminal .term-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.tech-terminal .term-head .dots{display:flex;gap:6px}.tech-terminal .term-head .dots span{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.tech-terminal .term-title{color:var(--text-tertiary);font-size:11px;letter-spacing:.08em;margin:0 auto}.tech-terminal .term-body{padding:20px}.tech-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--border)}.tech-row:last-child{border-bottom:0}.tech-row-header{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:4px 6px;margin:-4px -6px;color:inherit;font:inherit;cursor:pointer;text-align:left;border-radius:6px;transition:background-color .15s}.tech-row-header:hover{background:var(--bg-card-hover)}.tech-row-header:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}.tech-chevron{display:inline-block;width:10px;font-size:10px;color:var(--text-tertiary);transform:rotate(0deg);transition:transform .2s ease,color .2s}.tech-row[data-expanded=true] .tech-chevron{transform:rotate(90deg);color:var(--accent)}.tech-key{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);letter-spacing:.01em}.tech-row[data-expanded=true] .tech-key{color:var(--text-primary)}.tech-methods{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);padding-left:var(--tech-indent);line-height:1.7}.tech-methods .methods-prefix{color:var(--accent);margin-right:6px}.tech-val{display:flex;flex-wrap:wrap;gap:6px;padding-left:var(--tech-indent);padding-top:2px}.tech-val[hidden]{display:none}.tech-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:999px}.tech-pill svg{color:var(--text-tertiary);transition:color .2s}.tech-row:hover .tech-pill svg,.tech-row[data-expanded=true] .tech-pill svg{color:var(--accent)}.tech-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);transition:background-color .2s}.tech-row:hover .tech-pill .dot,.tech-row[data-expanded=true] .tech-pill .dot{background:var(--accent)}.tech-expand-all{margin-left:auto;background:transparent;border:0;color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s,background-color .15s}.tech-expand-all:hover{color:var(--accent);background:var(--bg-card-hover)}.tech-expand-all:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}.project-card{position:relative;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);overflow:hidden;transition:border-color .25s ease,transform .25s ease,background .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;isolation:isolate;text-decoration:none;color:inherit}.project-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-3px)}html[data-card-style=elevated] .project-card:hover{box-shadow:0 30px 50px -20px rgba(0,0,0,.7),0 0 0 1px var(--accent-soft)}.project-thumb{position:relative;aspect-ratio:16/10;background:var(--bg-surface);border-bottom:1px solid var(--border);overflow:hidden;display:grid;place-items:center}.project-thumb .bg-grid{position:absolute;inset:0;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:28px 28px;opacity:.9;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}.project-thumb .bg-glow{position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,var(--accent-glow),transparent 60%);opacity:0;transition:opacity .4s ease;filter:blur(30px)}.project-card:hover .project-thumb .bg-glow{opacity:.6}.project-thumb .glyph{position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center}.project-thumb svg{max-width:64%;height:auto}.project-thumb .thumb-img{object-fit:cover;opacity:.88;transition:opacity .25s ease,transform .4s ease}.project-card:hover .project-thumb .thumb-img{opacity:1;transform:scale(1.02)}.project-thumb[data-has-cover=true]:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%);z-index:1;pointer-events:none}.project-thumb .thumb-badge{position:absolute;top:14px;left:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg-primary) 70%,transparent);backdrop-filter:blur(8px);z-index:3}.project-thumb .thumb-arrow{position:absolute;bottom:14px;right:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-fg);opacity:0;transform:translate(10px);transition:all .3s ease;z-index:3}.project-card:hover .project-thumb .thumb-arrow{opacity:1;transform:translate(0)}.project-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.project-tags{display:flex;gap:6px;flex-wrap:wrap}.project-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding:3px 8px;border-radius:4px;background:var(--accent-soft)}.project-title{font-size:20px;font-weight:500;color:var(--text-primary);margin:0;letter-spacing:-.015em}.project-desc{color:var(--text-secondary);font-size:14px;line-height:1.55;margin:0}.project-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--border);margin-top:auto}.project-tech{display:flex;gap:6px;flex-wrap:wrap}.tech-chip{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.tech-chip+.tech-chip:before{content:"·";margin-right:6px;color:var(--text-faint)}.project-more{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px}.project-card:hover .project-more{color:var(--accent)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filter-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;transition:color .2s,border-color .2s,background .2s}.filter-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.filter-btn.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.filter-btn .count{font-size:10px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 8%,transparent);color:var(--text-tertiary)}.filter-btn.active .count{background:rgba(0,0,0,.22);color:var(--accent-fg);opacity:.82}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:840px){.projects-grid{grid-template-columns:1fr}}.experience-grid{display:grid;grid-template-columns:160px 1fr;gap:48px}@media (max-width:760px){.experience-grid{grid-template-columns:1fr;gap:16px}}.exp-sidebar-label{position:sticky;top:90px;align-self:start}.exp-timeline{position:relative;padding-left:28px;border-left:1px solid var(--border)}.exp-item{position:relative;padding:0 0 48px}.exp-item:last-child{padding-bottom:0}.exp-item:before{content:"";position:absolute;left:-34px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent);box-shadow:0 0 0 4px var(--bg-primary),0 0 16px var(--accent-glow)}.exp-item .period{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);letter-spacing:.08em;margin-bottom:8px}.exp-item h4{font-size:20px;font-weight:500;margin:0 0 2px;color:var(--text-primary)}.exp-item .role{font-size:14px;color:var(--accent);margin-bottom:12px}.exp-item .bullets{margin:0 0 14px;padding:0;list-style:none;color:var(--text-secondary);font-size:14px;line-height:1.7;max-width:620px}.exp-item .bullets li{position:relative;padding-left:18px;margin-bottom:4px}.exp-item .bullets li:before{content:"→";position:absolute;left:0;top:0;color:var(--accent);font-family:var(--font-mono)}.exp-item .tags{display:flex;gap:6px;flex-wrap:wrap}.exp-item .tags .chip{font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:4px;border:1px solid var(--border);color:var(--text-tertiary);background:var(--bg-card)}.contact-shell{position:relative;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:var(--bg-surface);padding:64px 48px;isolation:isolate}.contact-shell:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 30% 40%,var(--accent-glow),transparent 50%);opacity:.5;z-index:0;filter:blur(30px)}.contact-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px}@media (max-width:880px){.contact-inner{grid-template-columns:1fr}.contact-shell{padding:40px 24px}}.contact-left h3{font-size:clamp(32px,4.5vw,54px);line-height:1.04;font-weight:500;letter-spacing:-.03em;margin:12px 0 16px}.contact-left p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 24px;max-width:420px}.contact-meta{display:flex;flex-direction:column;gap:10px}.contact-meta .row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);transition:border-color .2s,color .2s}.contact-meta .row:hover{border-color:var(--border-hover);color:var(--text-primary)}.contact-meta .row .k{color:var(--text-tertiary);width:90px}.form{gap:14px;border:1px solid var(--border);border-radius:16px;padding:28px;background:var(--bg-card)}.form,.form label{display:flex;flex-direction:column}.form label{gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.form input,.form textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-family:var(--font-sans);font-size:15px;color:var(--text-primary);transition:border-color .2s,background .2s;letter-spacing:0;text-transform:none}.form input:focus,.form textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-surface)}.form textarea{resize:vertical;min-height:120px}.form .submit{margin-top:4px;height:48px;background:var(--accent);color:var(--accent-fg);border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;transition:filter .2s}.form .submit:hover:not(:disabled){filter:brightness(1.08)}.form .submit:disabled{opacity:.6;cursor:not-allowed}.form .form-status{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary)}.form .form-status.error{color:#ff8a80}.form .form-status.success{color:#5ddb8f}.pd-root{min-height:100vh;padding-top:100px;padding-bottom:120px}.pd-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);margin-bottom:48px;padding:6px 10px;border-radius:6px;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s}.pd-back:hover{color:var(--text-primary);border-color:var(--border);background:var(--bg-card)}.pd-header{margin-bottom:64px;position:relative}.pd-tags{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.pd-title{font-size:clamp(40px,6vw,80px);line-height:.96;letter-spacing:-.035em;font-weight:500;margin:0 0 20px;max-width:900px}.pd-desc{font-size:20px;color:var(--text-secondary);line-height:1.55;max-width:720px;margin:0 0 36px}.pd-meta{display:flex;flex-wrap:wrap;gap:24px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:13px}.pd-meta .item{display:flex;flex-direction:column;gap:3px}.pd-meta .k{color:var(--text-tertiary);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.pd-meta .v{color:var(--text-primary)}.pd-meta .v a:hover,.pd-meta .v.accent{color:var(--accent)}.pd-cover{position:relative;aspect-ratio:16/8;border:1px solid var(--border);border-radius:18px;background:var(--bg-card);margin-bottom:72px;overflow:hidden;isolation:isolate}.pd-cover .bg-grid{position:absolute;inset:0;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:32px 32px;opacity:.75;mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 80%)}.pd-cover .bg-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse 60% 60% at 50% 50%,var(--accent-glow),transparent 60%);opacity:.5;filter:blur(40px);z-index:0}.pd-cover-label{left:20px;letter-spacing:.14em;text-transform:uppercase}.pd-cover-label,.pd-cover-meta{position:absolute;top:18px;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);z-index:2}.pd-cover-meta{right:20px;letter-spacing:.08em}.pd-cover-img{object-fit:cover;z-index:0}.pd-cover[data-has-cover=true]:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.15) 35%,transparent 65%);z-index:1;pointer-events:none}.pd-cover[data-has-cover=true] .pd-cover-label,.pd-cover[data-has-cover=true] .pd-cover-meta{color:hsla(0,0%,100%,.82)}.arch{position:relative;z-index:1;padding:60px 40px 40px}.arch,.arch svg{width:100%;height:100%}.pd-content-grid{display:grid;grid-template-columns:180px 1fr 220px;gap:48px}@media (max-width:1080px){.pd-content-grid{grid-template-columns:1fr;gap:32px}.pd-aside,.pd-toc{display:none}}.pd-toc{position:sticky;top:100px;align-self:start}.pd-toc h6{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 14px}.pd-toc a,.pd-toc h6{font-family:var(--font-mono)}.pd-toc a{display:block;font-size:12px;color:var(--text-secondary);border-left:2px solid var(--border);padding:8px 0 8px 12px;transition:color .2s,border-color .2s}.pd-toc a:hover{color:var(--text-primary);border-color:var(--accent)}.pd-toc a.active{color:var(--accent);border-color:var(--accent)}.pd-toc .num{color:var(--text-tertiary);margin-right:6px}.pd-prose{max-width:680px;font-size:17px;line-height:1.8}.pd-prose,.pd-prose h2{color:var(--text-primary)}.pd-prose h2{font-size:28px;font-weight:500;letter-spacing:-.02em;margin:64px 0 16px;scroll-margin-top:100px}.pd-prose h2:first-child{margin-top:0}.pd-prose h3{font-size:20px;font-weight:500;margin:32px 0 12px;color:var(--text-primary)}.pd-prose p{color:var(--text-secondary);margin:0 0 20px}.pd-prose p>strong{color:var(--text-primary);font-weight:500}.pd-prose code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--accent)}.pd-prose ul{margin:0 0 20px;padding:0;list-style:none;color:var(--text-secondary)}.pd-prose li{position:relative;padding-left:22px;margin-bottom:8px}.pd-prose li:before{content:"";position:absolute;left:0;top:12px;width:10px;height:1px;background:var(--accent)}.pd-prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.pd-code{margin:24px 0 28px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);overflow:hidden;font-family:var(--font-mono);font-size:13px}.pd-code .head{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-tertiary);font-size:11px;letter-spacing:.08em;display:flex;justify-content:space-between;background:var(--bg-surface)}.pd-code pre{margin:0;padding:18px;overflow-x:auto;line-height:1.7}.pd-callout,.pd-code pre{color:var(--text-primary)}.pd-callout{margin:24px 0 28px;padding:18px 20px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;font-size:15px;line-height:1.6}.pd-callout .lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;display:block}.pd-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 28px}@media (max-width:700px){.pd-metrics{grid-template-columns:repeat(2,1fr)}}.pd-metric{padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.pd-metric .v{font-size:26px;font-weight:500;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px}.pd-metric .v.accent{color:var(--accent)}.pd-metric .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.pd-aside{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:20px}.aside-card{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);font-family:var(--font-mono);font-size:12px}.aside-card h6{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 10px}.aside-card .kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--border);color:var(--text-primary)}.aside-card .kv:last-child{border-bottom:0}.aside-card .kv .k{color:var(--text-tertiary)}.pd-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:64px}@media (max-width:640px){.pd-nav{grid-template-columns:1fr}}.pd-nav-item{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);color:inherit;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.pd-nav-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.pd-nav-item.next{text-align:right}.pd-nav-item .lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}.pd-nav-item .ttl{font-size:17px;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.pd-nav-item:hover .ttl{color:var(--accent)}.pd-nav-item .cat{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.02em}.pd-cta-bottom{text-align:center;margin-top:72px;padding:40px 24px;border:1px dashed var(--border-hover);border-radius:16px}.pd-cta-bottom h4{font-size:22px;font-weight:500;margin:0 0 10px}.pd-cta-bottom p{color:var(--text-secondary);margin:0 0 20px}.pd-coming-soon{border:1px dashed var(--border-hover);border-radius:16px;padding:60px 32px;text-align:center;background:var(--bg-card);margin-top:32px}.pd-coming-soon .glyph-wrap{width:200px;height:140px;margin:0 auto 24px}.pd-coming-soon .lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.pd-coming-soon h2{font-size:28px;font-weight:500;margin:0 0 12px}.pd-coming-soon p{color:var(--text-secondary);margin:0 0 24px}.view-all-cta{margin-top:32px;display:flex;justify-content:center}.view-all-cta a{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border:1px solid var(--border-hover);border-radius:999px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);letter-spacing:.02em;transition:color .2s,border-color .2s,background .2s,transform .15s}.view-all-cta a:hover{color:var(--text-primary);border-color:var(--accent);background:var(--accent-soft)}.view-all-cta a:hover .arrow{transform:translateX(3px)}.recs-section{position:relative;padding:80px 0 60px;border-top:1px solid var(--border);overflow:hidden}.recs-header{text-align:center;margin-bottom:48px}.recs-header .t-eyebrow{margin-bottom:12px}.recs-header h2{font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.025em;margin:0;color:var(--text-primary)}.recs-header h2 .accent{color:var(--accent)}.recs-marquee{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 80px,#000 calc(100% - 80px),transparent);mask-image:linear-gradient(90deg,transparent,#000 80px,#000 calc(100% - 80px),transparent)}.recs-track{display:flex;gap:20px;width:max-content;animation:marquee 40s linear infinite}.recs-marquee:hover .recs-track{animation-play-state:paused}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-16.6667%)}}.rec-card{flex-shrink:0;width:420px;padding:24px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);display:flex;flex-direction:column;gap:16px;text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .2s}.rec-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.rec-head{display:flex;align-items:center;gap:12px}.rec-photo{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);object-fit:cover;background:var(--bg-surface)}.rec-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rec-author{font-size:14px;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.rec-role{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-body{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0}.rec-foot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);letter-spacing:.06em}.rec-link-icon{display:inline-flex;align-items:center;gap:6px;color:var(--accent)}@media (prefers-reduced-motion:reduce){.recs-track{animation:none}}.view-all-cta .arrow{transition:transform .2s ease}.photo-section{position:relative;isolation:isolate}.photo-bg{position:sticky;top:0;width:100%;height:100vh;z-index:0;pointer-events:none;margin-bottom:-100vh;overflow:hidden}.photo-about,.photo-hero{position:absolute;height:100%;background-size:cover;background-repeat:no-repeat;opacity:0;pointer-events:none}.photo-hero{top:0;left:0;width:100%;background-position:100%;background-image:url(/me-dark.jpg);transition:opacity 0s}html[data-theme=light] .photo-hero{background-image:url(/me-light.jpg)}.photo-bg[data-mode=hero] .photo-hero{opacity:1;transition:opacity .3s ease .3s}.photo-about{top:0;right:0;width:45%;background-position:50%;background-image:url(/me-about-dark.jpg);transition:opacity .4s ease;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 12%,#000 28%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 12%,#000 28%)}html[data-theme=light] .photo-about{background-image:url(/me-about-light.jpg)}.photo-bg[data-mode=about] .photo-about{opacity:1}@media (max-width:1280px){.photo-about{width:40%}}@media (max-width:1024px){.photo-bg[data-mode=about] .photo-about{opacity:0}}.photo-overlay{position:sticky;top:0;width:100%;height:100vh;background:var(--bg-primary);z-index:1;pointer-events:none;margin-bottom:-100vh;--mx:-9999px;--my:-9999px;--reveal-r:200px}.photo-overlay[data-mode=hero]{opacity:1;-webkit-mask-image:radial-gradient(circle var(--reveal-r) at var(--mx) var(--my),transparent 0,transparent 70%,#000 100%);mask-image:radial-gradient(circle var(--reveal-r) at var(--mx) var(--my),transparent 0,transparent 70%,#000 100%);transition:opacity .3s ease}.photo-overlay[data-mode=about]{opacity:0;transition:opacity .3s ease}.photo-overlay[data-mode=hidden]{opacity:0;transition:opacity .2s ease}@media (pointer:coarse){.photo-bg,.photo-overlay{display:none}}@media (prefers-reduced-motion:reduce){.photo-bg,.photo-overlay{transition:none}}.photo-section>.hero,.photo-section>.section{position:relative;z-index:2}.photo-section .about-grid{grid-template-columns:1fr;gap:24px}.photo-section .about-copy,.photo-section .tech-terminal{max-width:640px}.photo-section .section-counter{display:none}@media (max-width:900px){.photo-section .about-grid{grid-template-columns:1fr}.photo-section .about-copy,.photo-section .tech-terminal{max-width:100%}}