:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--bg:#faf9f6;--surface:#fff;--text:#202131;--muted:#636575;--line:#dedee5;--grid:#3c3c5a0b;--accent:#6941c6;--flat-border:#30303b;--flat-shadow:#30303b;--rainbow:linear-gradient(110deg, #00bfae 0%, #248df5 25%, #a260ef 49%, #ef73cc 72%, #ffcf54 100%);color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11121a;--surface:#191b27;--text:#f0eff7;--muted:#a7a8bd;--line:#343649;--grid:#c8c8ff0a;--accent:#bd9cff;--flat-border:#a390c3;--flat-shadow:#8870bb}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{min-width:320px;color:var(--text);background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:32px 32px;margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{color:#171222;background:#b986ff}h1,h2,h3,p{overflow-wrap:anywhere}.site-shell{max-width:1160px;margin:0 auto;padding:0 32px}.gradient-text{color:#0000;background:var(--rainbow);-webkit-background-clip:text;background-clip:text}.brand{flex-direction:column;display:flex}.brand-symbol{color:#0000;background:var(--rainbow);letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:950;line-height:1}.brand-caption{color:var(--accent);font:11px var(--font-mono);margin-top:5px}a,.text-link,.footer a{transition:color .16s}a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}.theme-button{border:2px solid var(--flat-border);color:var(--text);background:var(--surface);box-shadow:3px 3px 0 var(--flat-shadow);border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-size:13px;transition:transform .16s,box-shadow .16s;display:flex}.theme-button:hover{box-shadow:4px 4px 0 var(--flat-shadow);transform:translate(-1px,-1px)}.theme-button:active{box-shadow:1px 1px 0 var(--flat-shadow);transform:translate(2px,2px)}.theme-icon{font-size:19px;line-height:1}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;padding:100px 0 115px;display:grid;position:relative}.eyebrow{color:var(--accent);font:12px var(--font-mono);letter-spacing:1px;margin:0 0 20px}h1{letter-spacing:-5px;margin:0;font-size:clamp(52px,6.6vw,82px);font-weight:850;line-height:1.06}.hero-description{max-width:420px;color:var(--muted);margin:26px 0;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:18px;padding:15px 19px;font-size:13px;font-weight:650;display:inline-flex}.button-primary{border:2px solid var(--flat-border);color:var(--bg);background:var(--text);box-shadow:4px 4px 0 var(--accent);transition:transform .16s,box-shadow .16s}.button-primary:hover{box-shadow:6px 6px 0 var(--accent);transform:translate(-2px,-2px)}.button-primary:active{box-shadow:1px 1px 0 var(--accent);transform:translate(3px,3px)}.text-link{font-size:13px}.hero-note{color:var(--muted);font:11px/1.8 var(--font-mono);align-items:baseline;gap:7px;margin-top:28px;display:flex}.hero-note>span{color:var(--accent)}.hero-sticker{color:#4d350b;font:700 11px/1.5 var(--font-mono);background:#ffde83;border:2px solid #4d350b;padding:13px 18px;position:absolute;bottom:42px;right:24px;transform:rotate(-7deg);box-shadow:3px 3px #4d350b}.window{border:2px solid var(--flat-border);box-shadow:6px 6px 0 var(--flat-shadow);border-radius:12px;overflow:hidden}.editor{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ide-bg:#090909;--ide-panel:#171717;--ide-text:#d4d4d4;--ide-muted:#aaa;--ide-line:#353535;--ide-number:gray;--code-keyword:#c586c0;--code-variable:#9cdcfe;--code-type:#4ec9b0;--code-function:#dcdcaa;--code-tag:#569cd6;--code-string:#ce9178;--code-comment:#7b9c65;width:100%;min-width:0;color:var(--ide-text);background:var(--ide-bg);font-family:var(--font-mono)}:root[data-theme=dark] .editor{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ide-bg:#fff;--ide-panel:#f3f3f3;--ide-text:#303030;--ide-muted:#656565;--ide-line:#ddd;--ide-number:#757575;--code-keyword:#af00db;--code-variable:#005a9e;--code-type:#267f70;--code-function:#795e26;--code-tag:maroon;--code-string:#a31515;--code-comment:green}.window-bar{border-bottom:1px solid var(--ide-line);color:var(--ide-muted);background:var(--ide-panel);justify-content:space-between;align-items:center;gap:12px;padding:15px;font-size:10px;display:flex}.window-dots{flex-shrink:0;gap:6px;display:flex}.window-dots>span{background:#ff817a;border-radius:50%;width:9px;height:9px}.window-dots>span:nth-child(2){background:#ffd16b}.window-dots>span:nth-child(3){background:#5ed2b5}.editor-tabs{border-bottom:1px solid var(--ide-line);background:var(--ide-panel);justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-tab{border-right:1px solid var(--ide-line);color:var(--ide-text);background:var(--ide-bg);white-space:nowrap;align-items:center;gap:9px;padding:13px 16px;font-size:11px;display:flex;position:relative}.editor-tab:before{background:var(--rainbow);content:"";height:3px;position:absolute;inset:0 0 auto}.typescript-badge{color:#fff;background:#3178c6;border-radius:3px;place-items:center;width:21px;height:21px;font-size:10px;font-weight:700;display:grid}.editor-tab-dot{background:var(--code-keyword);border-radius:50%;width:6px;height:6px;margin-left:8px}.editor-language{color:var(--ide-muted);white-space:nowrap;padding-right:14px;font-size:9px}.editor-content{background:var(--ide-bg);padding:22px 0;overflow-x:auto}.editor-code{width:max-content;min-width:100%;color:var(--ide-text);font:11px/1.95 var(--font-mono);tab-size:2;margin:0;padding-right:22px}.editor-code code{font-family:inherit}.editor-line{display:inline}.line-number{border-right:1px solid var(--ide-line);width:40px;color:var(--ide-number);text-align:right;-webkit-user-select:none;user-select:none;margin-right:14px;padding-right:11px;display:inline-block}.line-content{color:var(--ide-text)}.code-keyword{color:var(--code-keyword)}.code-variable{color:var(--code-variable)}.code-type{color:var(--code-type)}.code-function{color:var(--code-function)}.code-tag{color:var(--code-tag)}.code-string{color:var(--code-string)}.code-comment{color:var(--code-comment);font-style:italic}.editor-footer{border-top:1px solid var(--ide-line);color:var(--ide-muted);background:var(--ide-panel);justify-content:space-between;gap:12px;padding:11px 15px;font-size:10px;display:flex}.editor-footer>span:first-child{color:var(--code-type)}.section{border-top:1px solid var(--line);padding:70px 0}h2{letter-spacing:-1.5px;margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.2}.about{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:60px;display:grid}.about-content>p{color:var(--muted);margin:0;font-size:15px;line-height:1.9}.skills{flex-wrap:wrap;gap:9px;margin:25px 0 0;padding:0;list-style:none;display:flex}.skill{border:1px solid var(--line);background:var(--surface);font:11px var(--font-mono);border-radius:5px;padding:8px 11px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.folder-label{color:var(--muted);font:12px var(--font-mono);white-space:nowrap}.section-intro{color:var(--muted);margin:18px 0 28px;font-size:13px;line-height:1.7}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{border:2px solid var(--flat-border);background:var(--surface);box-shadow:6px 6px 0 var(--flat-shadow);border-radius:10px;transition:transform .16s,box-shadow .16s;overflow:hidden}.project-card:hover{box-shadow:8px 8px 0 var(--flat-shadow);transform:translate(-2px,-2px)}.project-visual{border-bottom:2px solid var(--flat-border);color:#29233d;place-items:center;height:180px;display:grid;position:relative}.project-visual--cyan{background:linear-gradient(135deg,#bcf5e9,#b5d9ff)}.project-visual--purple{background:linear-gradient(135deg,#d4c5ff,#efcbf4)}.project-visual--pink{background:linear-gradient(135deg,#fac3e3,#ffe4a5)}.project-index{font:11px var(--font-mono);position:absolute;top:14px;left:15px}.project-icon{font:700 55px var(--font-mono);letter-spacing:-5px}.project-label{font:9px var(--font-mono);letter-spacing:1px;position:absolute;bottom:14px}.project-body{padding:22px}h3{letter-spacing:-.5px;margin:0 0 12px;font-size:18px}.project-body>p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.project-tags{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.project-tags>li{border:1px solid var(--line);color:var(--muted);font:9px var(--font-mono);border-radius:4px;padding:5px 7px}.contact{text-align:center;padding:85px 0}.contact>p:not(.eyebrow){color:var(--muted);margin:23px 0;font-size:15px;line-height:1.8}.contact .button{margin-top:5px}.footer{border-top:1px solid var(--line);color:var(--muted);font:10px/1.8 var(--font-mono);justify-content:space-between;gap:20px;padding:25px 0;display:flex}.skip-link{z-index:10;border:2px solid var(--accent);background:var(--surface);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}html{scroll-padding-top:115px}.header{z-index:50;border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:24px;min-height:96px;padding:16px 0;display:flex;position:sticky;top:0}.navigation{border:1px solid var(--line);background:var(--nav-bg);scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-radius:8px;align-items:stretch;min-width:0;display:flex;overflow-x:auto}:root{--nav-bg:#eeedf2}:root[data-theme=dark]{--nav-bg:#151621}.navigation .nav-tab{border-right:1px solid var(--line);color:var(--muted);font:11px var(--font-mono);white-space:nowrap;background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:15px 16px;transition:color .16s,background-color .16s;display:flex;position:relative}.navigation .nav-tab:last-child{border-right:0}.navigation .nav-tab:hover{color:var(--text);background:var(--surface)}.nav-tab:before{background:var(--rainbow);opacity:0;content:"";height:3px;position:absolute;inset:0 0 auto}.navigation .nav-tab.is-active{color:var(--text);background:var(--surface)}.nav-tab.is-active:before{opacity:1}.navigation .nav-tab:focus-visible{z-index:1;outline:2px solid var(--accent);outline-offset:-4px}.nav-file-icon{border-radius:3px;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:grid}.nav-file-icon--tsx{color:#fff;background:#3178c6}.nav-file-icon--json{color:#553b09;background:#ffda7a}.nav-tab-end{color:var(--muted);opacity:.55;margin-left:6px;font-size:15px;line-height:1}.nav-tab.is-active .nav-tab-end{opacity:1}.hero-about{max-width:450px;color:var(--muted);margin:-8px 0 0;font-size:14px;line-height:1.85}.hero-skills{margin:22px 0 30px}@media (width<=1000px){.header{gap:16px}.navigation .nav-tab{gap:8px;padding:15px 12px;font-size:12px}.nav-tab-end{display:none}.hero{flex-direction:column;align-items:stretch;gap:40px;padding:64px 0 90px;display:flex}.hero-copy{width:100%;max-width:680px}.hero-description,.hero-about{max-width:600px}.hero-actions{flex-direction:row;align-items:center;gap:24px}.editor{align-self:center;width:100%;max-width:680px}.editor-code{font-size:13px}.editor-language{display:inline}.hero-sticker{bottom:22px;right:20px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.project-body{padding:22px}}@media (width<=760px){html{scroll-padding-top:155px}body{min-width:320px}.site-shell{width:100%;padding:0 20px}.header{z-index:50;background:var(--bg);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:0;padding:12px 0;display:grid;position:sticky;top:0}.brand{grid-area:1/1;justify-self:start}.brand-symbol{font-size:29px}.brand-caption{font-size:10px}.theme-button{grid-area:1/2;min-width:82px;min-height:44px;padding:9px 12px;font-size:14px}.navigation{border-radius:7px;grid-area:2/1/auto/-1;justify-content:flex-start;align-items:stretch;gap:0;width:100%;min-width:0;padding:0;display:flex;overflow-x:auto}.navigation .nav-tab{flex:1 0 auto;gap:7px;min-height:48px;padding:12px 10px;font-size:12px}.nav-file-icon,.nav-tab-end{display:none}.hero{flex-direction:column;align-items:stretch;gap:34px;padding:40px 0 48px;display:flex}.hero-copy{max-width:none}.eyebrow{letter-spacing:.5px;margin-bottom:18px;font-size:12px;line-height:1.6}h1{letter-spacing:-2.5px;font-size:clamp(48px,12vw,68px);line-height:1.08}.hero-description{max-width:none;margin:24px 0 16px;font-size:18px;line-height:1.7}.hero-about{max-width:none;margin:0;font-size:16px;line-height:1.8}.skills,.hero-skills{gap:10px;margin:24px 0 30px}.skill{padding:9px 12px;font-size:12px;line-height:1.4}.hero-actions{flex-direction:column;align-items:stretch;gap:18px;display:flex}.button{text-align:center;min-height:52px;padding:15px 18px;font-size:15px}.hero-actions .button{width:100%}.text-link{text-align:center;justify-content:center;align-items:center;min-height:44px;font-size:15px;display:flex}.hero-note{margin-top:22px;font-size:12px;line-height:1.7}.editor{align-self:stretch;width:100%;min-width:0;max-width:none;transform:none}.window{box-shadow:4px 4px 0 var(--flat-shadow)}.window-bar{gap:10px;padding:13px 12px;font-size:10px}.window-bar>span:last-child{display:none}.editor-tabs{min-width:0}.editor-tab{gap:9px;padding:13px 14px;font-size:12px}.editor-language{display:none}.editor-content{width:100%;max-width:100%;padding:18px 0;overflow-x:auto}.editor-code{white-space:pre;font-size:13px;line-height:1.9}.line-number{width:32px;margin-right:10px;padding-right:8px;font-size:11px}.editor-footer{flex-wrap:wrap;gap:8px;padding:11px 12px;font-size:10px}.hero-sticker{align-self:flex-end;margin:0 8px 0 0;padding:10px 14px;font-size:10px;position:static;transform:rotate(-4deg)}.section{padding:44px 0}h2{letter-spacing:-1px;font-size:clamp(28px,7vw,36px);line-height:1.2}.section-heading{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.folder-label{font-size:13px}.section-intro{margin:18px 0 26px;font-size:15px;line-height:1.7}.projects-grid{grid-template-columns:minmax(0,1fr);gap:26px}.project-card{min-width:0;box-shadow:4px 4px 0 var(--flat-shadow)}.project-visual{height:180px}.project-index{font-size:12px}.project-label{letter-spacing:.5px;font-size:10px}.project-body{padding:22px}h3{font-size:21px}.project-body>p{font-size:16px;line-height:1.75}.project-tags{gap:8px;margin-top:20px}.project-tags>li{padding:7px 9px;font-size:11px}.contact{text-align:left;padding:52px 0}.contact>p:not(.eyebrow){font-size:16px;line-height:1.75}.contact .button{width:100%;margin-top:10px}.footer{text-align:left;flex-direction:column;align-items:flex-start;gap:12px;padding:26px 0;font-size:12px;display:flex}.footer a{align-items:center;min-height:44px;display:inline-flex}}@media (hover:none){.project-card:hover,.button-primary:hover,.theme-button:hover{transform:none}.project-card:hover{box-shadow:4px 4px 0 var(--flat-shadow)}.button-primary:hover{box-shadow:4px 4px 0 var(--accent)}.theme-button:hover{box-shadow:3px 3px 0 var(--flat-shadow)}}