*,: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:#3b82f680;--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: ;box-sizing:border-box;border:0 solid #e5e7eb}::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:#3b82f680;--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: }:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}dialog,fieldset,legend,menu,ol,ul{padding:0}menu,ol,ul{margin:0;list-style:none}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:Home Inter;src:url(./Inter-VariableFont_opsz_wght.c8O0ljhh.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f3f8fc;--paper:#041323;--muted:#9daebb;--accent:#60d9ee;--line:#9fc7e329;--surface:#0c2033}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Home Inter,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.site-shell{width:100%;min-height:100svh}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;font-weight:550}h1{margin-bottom:24px;font-size:calc(clamp(42px,6vw,80px));line-height:1.1}h2{margin-bottom:20px;font-size:calc(clamp(26px,3vw,40px));line-height:1.2}h3{margin-bottom:12px;font-size:22px;line-height:1.4}.home-nav{z-index:2;border:1px solid var(--line);background:#041323b8;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin:24px 4%;padding:20px 26px;display:flex;position:relative}.home-wordmark{letter-spacing:-.08em;font-size:27px;font-weight:650}.home-wordmark span{vertical-align:top;letter-spacing:0;margin-left:4px;font-size:12px}.home-nav nav{color:var(--muted);gap:32px;font-size:13px;display:flex}.home-nav nav a.router-link-active,.home-nav nav a:hover{color:#fff;opacity:1}.button-dark,.home-email{color:#15151c;font:inherit;background:#ececf4;border:0;border-radius:10px;align-items:center;gap:20px;padding:14px 20px;font-size:13px;font-weight:600;transition:transform .2s;display:inline-flex}.home-email{padding:11px 18px}.button-dark:hover,.home-email:hover{transform:translateY(-3px)}.page{width:min(1120px,90%);min-height:65vh;margin:0 auto;padding:64px 0 90px}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin:0 0 20px;font-size:10px;font-weight:500}.page-intro{max-width:660px;color:var(--muted);margin-bottom:42px;font-size:16px;line-height:1.85}.text-link{color:var(--muted);margin-bottom:36px;font-size:13px;display:inline-block}.demo-badge,.text-link:hover{color:var(--accent)}.posts-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:50px;display:grid}.post-card,.project-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;transition:transform .25s,border-color .25s;display:block;overflow:hidden}.post-card:hover,.project-card:hover{border-color:#60d9ee88;transform:translateY(-5px)}.project-card__image{position:relative;overflow:hidden}.post-card img,.project-card img{aspect-ratio:1.5;-o-object-fit:cover;object-fit:cover;width:100%;transition:transform .4s;display:block}.post-card:hover img,.project-card:hover img{transform:scale(1.035)}.demo-badge{border:1px solid var(--line);background:#041323cc;border-radius:20px;padding:6px 10px;font-size:10px;position:absolute;top:16px;right:16px}.project-card__meta{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.project-card__meta p{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:10px}.project-card__meta h3{margin:0}.project-card__meta>span{border:1px solid var(--line);width:40px;height:40px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;display:grid}.post-card__copy{padding:26px}.post-card__copy>p{color:var(--accent);margin-bottom:16px;font-size:11px}.post-card__copy>span{color:var(--muted);font-size:14px;line-height:1.8;display:block}.article>img,.project-detail>img{aspect-ratio:1.65;-o-object-fit:cover;object-fit:cover;border:1px solid var(--line);border-radius:24px;width:100%;max-height:640px;margin:40px 0;display:block}.detail-meta{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.detail-meta p{border-right:1px solid var(--line);gap:12px;margin:0;padding:24px;font-size:13px;line-height:1.7;display:grid}.detail-meta p:last-child{border:0}.detail-meta strong{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:500}.detail-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;margin:60px 0;display:grid}.article>p:last-child,.detail-copy p{color:var(--muted);font-size:15px;line-height:1.9}.article{max-width:880px}.page code{border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:.85em}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;margin-top:45px;display:grid}.about-grid img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border:1px solid var(--line);background:var(--surface);border-radius:24px;width:100%}.about-grid p{color:var(--muted);font-size:16px;line-height:1.9}.about-grid .button-dark{margin-top:16px}.section{margin-top:75px}.experience-list{border-top:1px solid var(--line)}.experience-list article{border-bottom:1px solid var(--line);grid-template-columns:210px 1fr;gap:30px;padding:30px 0;display:grid}.experience-list article>p{color:var(--accent);font-size:12px}.experience-list div p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.skills{flex-wrap:wrap;gap:12px;display:flex}.skills span{border:1px solid var(--line);background:var(--surface);border-radius:30px;padding:12px 18px;font-size:13px}.site-footer{border-top:1px solid var(--line);width:min(1120px,90%);margin:0 auto;padding:48px 0 26px}.footer-contact>a{color:var(--ink);letter-spacing:-.045em;font-size:calc(clamp(25px,3.5vw,44px));display:inline-block}.footer-contact>a span{color:var(--accent);margin-left:15px}.footer-bottom{color:var(--muted);justify-content:space-between;gap:24px;margin-top:50px;font-size:11px;display:flex}.footer-bottom p{margin:0}.footer-bottom nav{flex-wrap:wrap;gap:20px;display:flex}.footer-bottom a:hover{color:var(--accent)}.section-reveal{animation:.45s both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.home-nav{gap:10px;margin:14px;padding:15px}.home-nav nav{gap:13px}.home-email{display:none}.page{padding:42px 0 65px}.about-grid,.detail-copy,.detail-meta,.experience-list article,.posts-grid,.projects-grid{grid-template-columns:1fr}.posts-grid,.projects-grid{gap:20px;margin-top:30px}.about-grid{gap:28px}.about-grid img{max-width:360px}.detail-meta p{border-right:0;border-bottom:1px solid var(--line)}.detail-copy{gap:24px;margin:40px 0}.experience-list article{gap:10px}.experience-list article>p{margin-bottom:0}.footer-bottom{flex-direction:column}.section{margin-top:50px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--header-space:112px;--glass:linear-gradient(135deg, #c2e9ff1c, #92bada09 45%, #397df524)}.site-shell{background:radial-gradient(ellipse at 75% 10%,#397df51c,transparent 45%),var(--paper);display:flow-root}.home-nav{z-index:50;-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:linear-gradient(135deg,#c3e5fb14,#b4d9ef05 50%,#397df51c),#0b2034cc;border-color:#a6c9e638;border-radius:28px;width:92%;height:80px;margin:16px auto;position:sticky;top:16px;box-shadow:inset 0 1px #ffffff25,inset 0 -1px #ffffff08,0 12px 40px #00000035}.home-nav nav{gap:4px}.home-nav nav a{border-radius:24px;padding:12px 18px;transition:background .25s,box-shadow .25s}.home-nav nav a:hover{background:#ffffff0e}.home-nav nav a.router-link-active{color:#d3f8ff;background:linear-gradient(135deg,#c2e5fb24,#6c9dc616);box-shadow:inset 0 1px #ffffff20,0 3px 12px #00000020}.header-actions{align-items:center;gap:12px;display:flex}.language-switch{background:#00000020;border:1px solid #ffffff1f;border-radius:30px;padding:4px;display:flex}.language-switch button{color:#aabfce;min-width:38px;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:22px;padding:8px 10px;font-size:10px;font-weight:600;transition:background .25s,color .25s}.language-switch button[aria-pressed=true]{color:#8beaff;background:#5cd5ed24;box-shadow:inset 0 1px #ffffff35,0 2px 8px #00000025}.language-switch button:hover{color:#fff}.button-dark,.home-email{background:var(--glass);color:#f3f8fc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff2d;border-radius:28px;box-shadow:inset 0 1px #ffffff24,0 4px 16px #00000020}.button-dark:hover,.home-email:hover{background:#60d9ee20;border-color:#60d9ee66}.post-card,.project-card{background:linear-gradient(140deg,#b7ddf00c,#6997c405),#0a1d30;border-color:#ffffff20;border-radius:26px;box-shadow:inset 0 1px #ffffff0c,0 12px 30px #00000015}.demo-badge,.project-card__meta>span,.skills span{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff1f}.post-card:hover,.project-card:hover{box-shadow:inset 0 1px #ffffff20,0 18px 36px #00000030}.detail-meta{background:linear-gradient(135deg,#ffffff0c,#ffffff03);border-radius:24px;box-shadow:inset 0 1px #ffffff14}@media (width<=900px){.home-nav nav a{padding:11px 12px}.home-email{display:none}}@media (width<=640px){:root{--header-space:132px}.home-nav{border-radius:26px;grid-template-columns:1fr auto;gap:4px;width:calc(100% - 28px);height:108px;margin:12px auto;padding:12px 16px;display:grid;top:10px}.home-nav nav{grid-area:2/1/auto/-1;justify-content:space-between;font-size:11px}.home-nav nav a{text-align:center;flex:1;padding:10px 8px}.header-actions{grid-area:1/2}.language-switch{padding:3px}.language-switch button{min-height:32px}.home-wordmark{font-size:23px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.home-nav{background:#112a40}.button-dark,.home-email,.language-switch{background:#173149}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.button-dark,.home-email,.home-nav,.skills span{-webkit-backdrop-filter:none;backdrop-filter:none;background:#142d43;border-color:#ffffff60}}