*,: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: }.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.isolate{isolation:isolate}.m-1{margin:.25rem}.me-1{margin-inline-end:.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-1{width:.25rem;height:.25rem}.h-40{height:10rem}.w-1{width:.25rem}.shrink{flex-shrink:1}.transform{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))}.resize{resize:both}.text-wrap{text-wrap:wrap}.border{border-width:1px}.p-1{padding:.25rem}.p-10{padding:2.5rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.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)}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.invert{--tw-invert:invert(100%)}.filter,.invert{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,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-1:#f6f8fb;--bg-2:#f0f4f9;--card:#fff;--card-border:#e5e7eb;--text:#0f172a;--muted:#556274;--accent:#17b9ac;--accent-2:#0ea5a5;--accent-warm:#f59e0b;--accent-warm-2:#f97316;--image-bg:#fff;--hover-border:rgba(0,0,0,.1);--shadow:0 16px 42px rgba(20,23,28,.12)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fbff,#f3f6fa)}body[data-theme=dark]{background:linear-gradient(180deg,#0b1220,#0a0f1a);--card:#0f172a;--card-border:#1f2937;--text:#e2e8f0;--muted:#94a3b8;--image-bg:#0b1220;--hover-border:hsla(0,0%,100%,.14);--shadow:0 12px 30px rgba(0,0,0,.5)}#bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(1000px 400px at 40% 10%,rgba(23,185,172,.14),transparent 65%),radial-gradient(1200px 600px at 70% 0,rgba(14,165,165,.08),transparent 60%);filter:blur(50px)}body[data-theme=dark] #bg{background:radial-gradient(600px 300px at 30% 0,#22d3ee11,transparent 60%),radial-gradient(700px 350px at 80% 20%,#0ea5a533,transparent 60%)}.container{width:min(1100px,92%);margin:0 auto}.glass{background:#fff;border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:18px}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--card-border)}.nav{justify-content:space-between;padding:14px 0}.brand,.nav{display:flex;align-items:center}.brand{gap:10px}.logo-img{width:36px;height:36px;border-radius:10px;display:block}.brand-name{color:var(--text);text-decoration:none;font-weight:600}.tabs{display:flex;gap:4px;align-items:center}.tab,.tabs{position:relative}.tab{color:var(--muted);text-decoration:none;padding:10px 12px;border-radius:12px;transition:color .2s ease,background .2s ease}.tab:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent)}.tab.active{color:#0f766e;background:color-mix(in srgb,var(--accent) 18%,transparent)}.tab-underline{position:absolute;bottom:4px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px;transition:left .25s ease,width .25s ease}.actions{display:flex;align-items:center;gap:10px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--card-border);background:var(--card);cursor:pointer}.icon-button img{width:18px;height:18px}.icon-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px var(--shadow)}[data-theme=dark] .icon-button{background:color-mix(in srgb,var(--card) 80%,#fff 12%);border-color:#334155}[data-theme=dark] .icon-button img{filter:brightness(0) invert(1)}main#app{padding:40px 0 80px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.hero-parallel{align-items:start}.hero-parallel .hero-right{display:grid;gap:16px}.hero .card{padding:24px 28px;border-radius:18px}.hero img{width:100%;height:auto;max-width:360px;border-radius:20px;border:1px solid var(--card-border);background:var(--image-bg);box-shadow:0 18px 50px rgba(15,23,42,.18);-o-object-fit:contain;object-fit:contain}.kicker{color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.title{font-size:42px;line-height:1.1;margin:8px 0;color:#0f766e}.subtitle{color:var(--muted);font-size:18px;margin:0 0 6px}.hero-copy{gap:10px}.hero-copy .chips{margin-top:14px}.full-bg{background:transparent;padding:24px;border-radius:20px;border:0}.full-bg .glass{box-shadow:none;border:0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{font-size:12px;padding:8px 12px;border-radius:999px;border:1px solid #d4e2ea;background:#eef6f8;color:#0f172a}.chip-muted{background:#f3f4f6;color:#334155;border-color:#e5e7eb}.chips.wrap{align-items:center}.grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}@media (min-width:720px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1080px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{background:var(--card);border:1px solid var(--card-border);border-radius:18px;padding:18px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.12);border-color:var(--hover-border)}.card img{width:100%;height:480px;-o-object-fit:cover;object-fit:cover;border-radius:12px;margin-bottom:12px;background:var(--image-bg);border:1px solid var(--card-border)}.card h3{margin:6px 0;font-size:18px}.card p{color:var(--muted);margin:6px 0 0;font-size:12px}.section{margin-top:34px}.section h2{margin:0 0 12px;font-size:22px}.list{display:grid;gap:10px}.list li{color:var(--muted)}.list.tight{padding-left:20px;list-style:disc;gap:6px}.list.tight li{color:var(--text)}.list.tight.child{padding-left:18px;list-style:disc;margin-top:4px}.resume-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.button{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;text-decoration:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:12px;padding:10px 14px;border:0}.button-warm{background:linear-gradient(135deg,var(--accent-warm),var(--accent-warm-2));color:#1f2937}.chip-warm{border-color:rgba(0,0,0,.08);background:linear-gradient(180deg,#fff7ed,#ffedd5);color:#9a3412}.project-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.project-modal-img{margin:12px 0}.project-demo-img,.project-modal-img{width:100%;max-height:340px;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:var(--image-bg);border:1px solid var(--card-border)}.project-demo-img{margin:8px 0 14px}.resume-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}.resume-hero .title{margin:0;font-size:32px}.resume-hero .subtitle{margin:4px 0 0;font-size:16px;color:var(--muted)}.resume-hero-actions{display:flex;align-items:center;gap:8px}.resume-summary{margin:0;padding:16px 18px}.resume-summary .markdown-body{color:var(--text)}.skills-stack{display:grid;gap:16px}.skills-group h2,.skills-group h3{margin:0 0 8px;font-size:17px;color:#0ea5a5}.tone-a{background:#e8f4ff;border-color:#d7e9ff;color:#0b5fb3}.tone-b{background:#e8f9f0;border-color:#c8f0dc;color:#0f8a6c}.tone-c{background:#fff4e5;border-color:#ffe3c4;color:#c56b00}.tone-d{background:#ffe8f1;border-color:#ffd6e7;color:#ad2c72}.experience-list{display:grid;gap:16px}.resume-card{background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:14px 16px;box-shadow:0 14px 32px rgba(15,23,42,.08)}.resume-card h2,.resume-card h3{margin:0 0 4px;color:#0ea5a5}.resume-card p{margin:0 0 6px;color:var(--muted)}.resume-card ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px}.resume-card li,.resume-card ul{color:var(--text)}.resume-card strong{color:var(--text);font-weight:700}.resume-card em{color:var(--muted);font-style:normal;font-weight:600}.contact-hero{text-align:center;padding:28px;gap:8px;background:color-mix(in srgb,var(--card) 94%,transparent);border-radius:18px;border:1px solid var(--card-border)}.contact-title{margin:0;color:#0ea5a5;font-size:36px}.contact-subtitle{margin:6px 0 0;color:var(--muted);font-size:18px}.contact-card{padding:24px;border-radius:16px;border:1px solid var(--card-border);box-shadow:0 14px 32px rgba(15,23,42,.08);text-align:left;background:var(--card);color:var(--text)}.contact-body{margin:0 0 18px}.contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;border:1px solid #dce4ea;background:#0ea5a5;color:#fff;text-decoration:none;font-weight:600;min-width:120px}.contact-btn:hover{filter:brightness(.95)}.contact-btn.ghost{background:#fff;color:#0f172a}.back-to-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:12px;border:1px solid var(--card-border);background:var(--accent);color:#fff;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.2);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.site-footer{color:var(--text);text-align:center;padding:18px 0 26px}.site-footer a{color:var(--accent);text-decoration:none}.site-footer a:hover{text-decoration:underline}.muted{color:var(--muted)}.filter-bar{padding:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--card-border)}body[data-theme=dark] .filter-bar{background:color-mix(in srgb,var(--card) 82%,#0b1220 12%);border-color:#233044;box-shadow:0 12px 28px rgba(0,0,0,.35)}.chip-toggle{cursor:pointer;background:color-mix(in srgb,var(--card) 90%,transparent);border-color:var(--accent);color:var(--accent-2);transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease,color .15s ease}.chip-toggle:hover{border-color:var(--accent-2);color:var(--accent-2);transform:translateY(-1px)}.chip-toggle:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.chip.is-active{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:var(--accent-2);color:#fff;box-shadow:0 8px 18px rgba(14,165,165,.25)}.select{padding:8px 10px;border-radius:10px;border:1px solid var(--card-border);background:var(--card);color:var(--text);font-size:14px}body[data-theme=dark] .chip{background:color-mix(in srgb,var(--card) 68%,#0b1220 22%);border-color:#233044;color:var(--text)}body[data-theme=dark] .chip-toggle{border-color:var(--accent-2);color:var(--accent)}body[data-theme=dark] .chip-toggle:hover{border-color:var(--accent);color:var(--accent)}body[data-theme=dark] .chip.is-active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b1220;border-color:var(--accent-2);box-shadow:0 8px 18px rgba(14,165,165,.35)}body[data-theme=dark] .select{background:color-mix(in srgb,var(--card) 82%,#0b1220 18%);border-color:#233044;color:var(--text)}.markdown-body{display:grid;gap:12px;color:var(--muted);font-size:20px}.markdown-body,.markdown-body *{font-weight:400}.markdown-body p{margin:0;color:inherit;font-weight:400}.markdown-body ol,.markdown-body ul{margin:0;padding-left:20px;color:inherit;display:grid;gap:6px}.markdown-body li{color:inherit;font-weight:400}.markdown-body strong{font-weight:600}.markdown-body em{font-style:italic}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-weight:700}.markdown-body code{background:var(--card-border);color:var(--text);padding:2px 4px;border-radius:4px}.markdown-body pre{margin:0;background:var(--image-bg);padding:12px;border-radius:10px;border:1px solid var(--card-border);overflow:auto;color:var(--text)}.markdown-body blockquote{margin:0;border-left:3px solid var(--card-border);padding-left:10px;color:inherit}.markdown-body hr{border:0;border-top:1px solid var(--card-border);margin:4px 0}.card .markdown-body li,.card .markdown-body p{font-size:20px;color:var(--muted)}@media (max-width:720px){.site-header{padding:6px 0}.nav{flex-direction:column;align-items:stretch;gap:10px;padding:10px 0}.brand{width:100%;justify-content:space-between}.brand-name{font-size:18px}.actions{width:100%;gap:12px;justify-content:space-between}.tabs{flex:1;overflow-x:auto;padding:6px 4px;gap:8px}.tab{white-space:nowrap;padding:10px}.tab-underline{display:none}.icon-button{flex-shrink:0}}@media (max-width:860px){.hero{grid-template-columns:1fr}.title{font-size:32px}.hero img{max-width:100%}main#app{padding:24px 0 60px}}