@layer reset,tokens,base,layout,components,views;@layer reset{/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;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{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}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}}@layer tokens{:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 6rem;--page-padding: clamp(1.5rem, 4vw, 6rem);--content-max-width: 56rem;--ease-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .2s;--duration-normal: .3s}}@layer tokens{:root,:root.light{--color-bg: oklch(1 0 0);--color-text: oklch(.21 .034 264);--color-text-secondary: oklch(.39 .03 264);--color-text-muted: oklch(.55 .025 255);--color-accent: oklch(.58 .2 38);--color-accent-hover: oklch(.5 .18 38);--btn-bg: oklch(1 0 0 / .3);--btn-border: oklch(0 0 0 / .1);--btn-hover-bg: oklch(.15 0 0);--btn-hover-text: oklch(1 0 0);--btn-shadow: oklch(0 0 0 / .3);--selection-bg: oklch(.58 .2 38 / .3);--toggle-bg: oklch(1 0 0 / .6);--toggle-border: oklch(0 0 0 / .1);--toggle-hover-bg: oklch(0 0 0 / .05);--tag-bg: transparent;--tag-border: oklch(0 0 0 / .15);color-scheme:light;background-color:var(--color-bg)}}@layer tokens{:root.dark{--color-bg: oklch(.12 0 0);--color-text: oklch(1 0 0);--color-text-secondary: oklch(.85 .02 250);--color-text-muted: oklch(.7 .025 255);--color-accent: oklch(.63 .22 25);--color-accent-hover: oklch(.55 .22 25);--btn-bg: oklch(1 0 0 / .03);--btn-border: oklch(.65 .2 25 / .15);--btn-hover-bg: oklch(.6 .25 25);--btn-hover-text: oklch(1 0 0);--btn-shadow: oklch(.5 .25 25 / .5);--selection-bg: oklch(.5 .2 25 / .4);--toggle-bg: oklch(1 0 0 / .03);--toggle-border: oklch(1 0 0 / .1);--toggle-hover-bg: oklch(1 0 0 / .08);--tag-bg: oklch(1 0 0 / .05);--tag-border: oklch(1 0 0 / .1);color-scheme:dark;background-color:var(--color-bg)}@media(prefers-color-scheme:dark){:root:not(.light){--color-bg: oklch(.12 0 0);--color-text: oklch(1 0 0);--color-text-secondary: oklch(.85 .02 250);--color-text-muted: oklch(.7 .025 255);--color-accent: oklch(.63 .22 25);--color-accent-hover: oklch(.55 .22 25);--btn-bg: oklch(1 0 0 / .03);--btn-border: oklch(.65 .2 25 / .15);--btn-hover-bg: oklch(.6 .25 25);--btn-hover-text: oklch(1 0 0);--btn-shadow: oklch(.5 .25 25 / .5);--selection-bg: oklch(.5 .2 25 / .4);--toggle-bg: oklch(1 0 0 / .03);--toggle-border: oklch(1 0 0 / .1);--toggle-hover-bg: oklch(1 0 0 / .08);--tag-bg: oklch(1 0 0 / .05);--tag-border: oklch(1 0 0 / .1);color-scheme:dark;background-color:var(--color-bg)}}}@layer base{*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{font-size:16px;scroll-behavior:smooth}body{visibility:visible;min-height:100dvh;margin:0;font-family:var(--font-sans);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:var(--color-text);background-color:transparent}::selection{background:var(--selection-bg)}@media(min-width:1921px){html{font-size:20px}}@media(min-width:2560px){html{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}#background{display:none}}}@layer layout{#background{position:fixed;inset:0;z-index:-1;display:block;width:100%;height:100%}.page{position:relative;display:flex;align-items:flex-start;min-height:100dvh;padding:var(--page-padding)}.page[data-view=career],.page[data-view=projects]{padding-top:1.675rem}.content{position:relative;z-index:10;display:flex;flex:1;flex-direction:column;gap:var(--space-2xl);justify-content:space-between;width:100%;max-width:var(--content-max-width)}.header{display:flex;flex-shrink:0;flex-direction:column;gap:var(--space-lg)}.name{margin:0;font-size:clamp(3rem,10vw,9rem);font-weight:800;line-height:.9;color:var(--color-text);text-transform:uppercase;letter-spacing:-.05em}.name__line{display:block}@media(width<=640px){body{overflow-x:hidden;overflow-y:auto}.page{align-items:flex-start;min-height:auto;padding-top:var(--space-2xl)}}}@layer components{.theme-toggle{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:100;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;cursor:pointer;background:var(--toggle-bg);border:1px solid var(--toggle-border);border-radius:50%;backdrop-filter:blur(12px);transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) ease}.theme-toggle:hover{background:var(--toggle-hover-bg);transform:scale(1.05)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle:active{transform:scale(.95)}.theme-icon{width:1.25rem;height:1.25rem;fill:none;stroke:var(--color-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-icon--dark{width:1rem;height:1rem}.theme-icon--auto,.theme-icon--light,.theme-icon--dark{display:none}[data-theme=auto] .theme-icon--auto,[data-theme=light] .theme-icon--light,[data-theme=dark] .theme-icon--dark{display:block}@media(width<=640px){.theme-toggle{top:var(--space-md);right:var(--space-md);width:2.5rem;height:2.5rem}}}@layer views{@supports (view-transition-name: none){::view-transition-old(root),::view-transition-new(root){animation-duration:.25s;animation-timing-function:var(--ease-out)}.name{view-transition-name:name}::view-transition-old(name),::view-transition-new(name){animation-duration:.3s}}.tabs{position:relative;display:flex;gap:var(--space-sm);padding-left:var(--space-sm)}.tabs__item{position:relative;padding:var(--space-xs) var(--space-md);font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) ease}.tabs__item:after{position:absolute;inset:-.25rem -.5rem;content:""}.tabs__item:hover{color:var(--color-text-secondary)}.tabs__item--active{color:var(--color-text)}.tabs__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tabs__indicator{position:absolute;bottom:0;left:var(--indicator-left, 0);width:var(--indicator-width, 0);height:3px;pointer-events:none;background:var(--color-text);border-radius:1.5px;transition:left var(--duration-normal) var(--ease-out),width var(--duration-normal) var(--ease-out)}[data-view=career] .name,[data-view=projects] .name{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 var(--space-sm);padding-right:var(--space-xl);font-size:clamp(1.5rem,4vw,2.5rem)}[data-view=career] .name__line,[data-view=projects] .name__line{display:inline}.view{flex:1;min-height:0}.view__scroll{flex:1;overflow-y:auto;scrollbar-color:var(--color-text-muted) transparent;scrollbar-width:thin}.view__scroll::-webkit-scrollbar{width:6px}.view__scroll::-webkit-scrollbar-track{background:transparent}.view__scroll::-webkit-scrollbar-thumb{background-color:var(--color-text-muted);border-radius:3px}.view__content{padding:var(--space-md) var(--space-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0)}.about{display:flex;flex-direction:column;gap:var(--space-lg);height:100%}.about__bio{display:flex;flex-direction:column;gap:var(--space-sm)}.about__title{margin:0;font-size:clamp(1.25rem,3vw,1.875rem);font-weight:600;line-height:1.3;color:var(--color-text-secondary)}.about__description{max-width:28rem;margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;color:var(--color-text-muted)}.about__accent{color:var(--color-accent);text-decoration:none;transition:text-decoration-color var(--duration-fast) ease}.about__accent:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.about__accent:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.about__cta{display:inline-flex;gap:.75rem;align-items:center;align-self:flex-start;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;color:var(--color-text);text-decoration:none;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:.5rem;backdrop-filter:blur(12px);transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.about__cta:hover{color:var(--btn-hover-text);background:var(--btn-hover-bg);border-color:transparent;box-shadow:0 10px 20px -5px var(--btn-shadow);transform:translateY(-2px)}.about__cta:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.about__cta-icon{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:2.5}.about__social{display:flex;flex-wrap:wrap;gap:var(--space-lg) var(--space-2xl);margin-top:auto}.about__social-link{position:relative;font-size:1.125rem;font-weight:600;color:var(--color-text-secondary);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--color-text-muted);text-underline-offset:3px;transition:color var(--duration-fast) ease,text-decoration-color var(--duration-fast) ease}.about__social-link:after{position:absolute;inset:-.5rem -.75rem;content:""}.about__social-link:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.about__social-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.timeline{display:flex;flex-direction:column;gap:var(--space-xl)}.timeline__entry{position:relative;display:flex;flex-direction:column;gap:var(--space-xs);padding-left:var(--space-lg)}.timeline__entry:before{position:absolute;top:.5rem;left:0;width:8px;height:8px;content:"";background:var(--color-text-muted);border-radius:50%}.timeline__entry--current:before{background:var(--color-accent)}.timeline__entry:after{position:absolute;top:1.25rem;left:3px;width:2px;height:calc(100% + var(--space-xl) - 1rem);content:"";background:var(--color-text-muted);opacity:.3}.timeline__entry:last-child:after{display:none}.timeline__period{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.timeline__position{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-text)}.timeline__company{display:flex;flex-wrap:wrap;gap:0 var(--space-sm);font-size:.875rem;color:var(--color-text-secondary)}.timeline__company-link{color:var(--color-accent);text-decoration:none}.timeline__company-link:hover{text-decoration:underline}.timeline__location{color:var(--color-text-muted)}.timeline__location:before{margin-right:var(--space-sm);content:"·"}.timeline__description{max-width:40rem;margin:var(--space-xs) 0 0;font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}.tech-stack{display:grid;grid-template-columns:repeat(4,auto);gap:var(--space-xl);justify-content:start;padding-top:var(--space-xl);padding-left:var(--space-md);margin-top:var(--space-xl);border-top:1px solid var(--color-text-muted);opacity:.5}@media(width<=640px){.tech-stack{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media(width<=360px){.tech-stack{grid-template-columns:auto}}.tech-stack__category{display:flex;flex-direction:column;gap:var(--space-sm)}.tech-stack__title{margin:0;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.tech-stack__items{display:flex;flex-direction:column;gap:var(--space-xs);padding:0;margin:0;font-size:.875rem;color:var(--color-text-secondary);list-style:none}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.project{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:.5rem;transition:border-color var(--duration-fast) ease,transform var(--duration-fast) ease}.project:hover{border-color:var(--color-text-muted);transform:translateY(-2px)}.project__header{display:flex;gap:var(--space-sm);align-items:center}.project__name{margin:0;font-size:1rem;font-weight:700;color:var(--color-text)}.project__link{color:inherit;text-decoration:none}.project__link:hover{color:var(--color-accent)}.project__icon{width:.75rem;height:.75rem;color:var(--color-text-muted)}.project__description{flex:1;margin:0;font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}.project__tech{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project__tag{padding:.125rem .5rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:.25rem}.project__badge{padding:.125rem .5rem;font-size:.625rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:transparent;border:1px solid var(--tag-border);border-radius:.25rem}@media(width<=640px){.tabs{gap:0;padding-left:0}.tabs__item{padding:var(--space-xs) var(--space-sm);font-size:.8125rem}.tabs__indicator{height:2px}.view__content{padding:var(--space-sm) 0}.timeline__entry{padding-left:var(--space-md)}.projects{grid-template-columns:1fr}.about__cta{padding:.625rem 1.25rem;font-size:.9375rem}.about__social{gap:var(--space-md) var(--space-xl)}}}