:root{--font-display:"Syne", sans-serif;--font-mono:ui-monospace, Consolas, monospace;--bg:#fff;--bg-surface:#f7f7f7;--bg-card:#fafafa;--border:#e5e5e5;--text:#555;--text-h:#111;--text-muted:#999;--accent:#111;--accent-light:#1111110f;--accent-border:#1113;--accent-text:#111;--yellow:#f5d800;--yellow-dark:#d4b800;--shadow:0 10px 40px #00000014;--topbar-bg:#f5d800;--topbar-text:#111;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}[data-theme=dark]{--bg:#0f0f0f;--bg-surface:#1a1a1a;--bg-card:#161616;--border:#2a2a2a;--text:#9ca3af;--text-h:#f5f5f5;--text-muted:#666;--accent:#f5f5f5;--accent-light:#f5f5f514;--accent-border:#f5f5f526;--accent-text:#111;--yellow:#f5d800;--yellow-dark:#d4b800;--shadow:0 10px 40px #0006;--topbar-bg:#f5d800;--topbar-text:#111}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0f0f;--bg-surface:#1a1a1a;--bg-card:#161616;--border:#2a2a2a;--text:#9ca3af;--text-h:#f5f5f5;--text-muted:#666;--accent:#f5f5f5;--accent-light:#f5f5f514;--accent-border:#f5f5f526;--accent-text:#111;--yellow:#f5d800;--yellow-dark:#d4b800;--shadow:0 10px 40px #0006;--topbar-bg:#f5d800;--topbar-text:#111}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;transition:background .3s,color .3s;overflow:hidden visible}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-h);letter-spacing:-.5px;line-height:1.3;overflow:visible}*{overflow-x:visible}a{color:var(--text-h);text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}img{max-width:100%;display:block}#app{width:100%;max-width:100%;margin:0 auto;padding:0 80px}@media (width<=768px){#app{padding:0 20px}}section>div{width:100%;max-width:1100px;margin:0 auto}@media (width>=1024px){h1{font-size:96px}h2{font-size:56px}h3{font-size:28px}p,li{font-size:18px}section{padding:140px 0}}#nav-wrapper[data-v-6961a1de]{z-index:100;position:fixed;top:0;left:0;right:0}.topbar[data-v-6961a1de]{background:var(--topbar-bg);color:var(--topbar-text);text-align:center;letter-spacing:2px;text-transform:uppercase;padding:6px 24px;font-size:11px;font-weight:700}#navbar[data-v-6961a1de]{background:var(--bg);border-bottom:1px solid var(--border)}.nav-inner[data-v-6961a1de]{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo[data-v-6961a1de]{font-family:var(--font-display);color:var(--text-h);font-size:20px;font-weight:800}.nav-links[data-v-6961a1de]{gap:32px;list-style:none;display:flex}.nav-links a[data-v-6961a1de]{color:var(--text);font-size:14px;font-weight:500;transition:color .2s}.nav-links a[data-v-6961a1de]:hover{color:var(--text-h)}.nav-right[data-v-6961a1de]{align-items:center;gap:12px;display:flex}.theme-toggle[data-v-6961a1de]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:border-color .2s;display:flex}.theme-toggle[data-v-6961a1de]:hover{border-color:var(--text-muted)}.hamburger[data-v-6961a1de]{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span[data-v-6961a1de]{background:var(--text-h);border-radius:2px;width:24px;height:2px;display:block}@media (width<=768px){.hamburger[data-v-6961a1de]{display:flex}.nav-links[data-v-6961a1de]{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:20px;padding:24px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open[data-v-6961a1de]{display:flex}}#hero[data-v-cadcfa70]{align-items:center;min-height:100vh;padding:100px 0 80px;display:flex}.hero-inner[data-v-cadcfa70]{max-width:720px;padding-bottom:16px}.label[data-v-cadcfa70]{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:24px;font-size:13px;font-weight:500}h1[data-v-cadcfa70]{letter-spacing:-2px;color:var(--text-h);margin-bottom:24px;padding-bottom:8px;font-size:clamp(56px,8vw,96px);font-weight:800;line-height:1.15}.tagline[data-v-cadcfa70]{color:var(--text);max-width:560px;margin-bottom:40px;font-size:18px;line-height:1.7}.cta-group[data-v-cadcfa70]{flex-wrap:wrap;gap:16px;display:flex}.btn-primary[data-v-cadcfa70]{color:#111;background:#f5d800;border-radius:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:opacity .2s}.btn-primary[data-v-cadcfa70]:hover{opacity:.85}.btn-secondary[data-v-cadcfa70]{color:var(--text-h);border:1px solid var(--border);background:0 0;border-radius:8px;padding:14px 28px;font-size:15px;font-weight:500;transition:border-color .2s,background .2s}.btn-secondary[data-v-cadcfa70]:hover{color:#111;background:#f5d800;border-color:#f5d800}@media (width<=768px){#hero[data-v-cadcfa70]{padding:120px 0 60px}.cta-group[data-v-cadcfa70]{flex-direction:column}.btn-primary[data-v-cadcfa70],.btn-secondary[data-v-cadcfa70]{text-align:center}}#about[data-v-0704b8f2]{border-top:1px solid var(--border);padding:120px 0}.about-inner[data-v-0704b8f2]{max-width:1000px}.section-label[data-v-0704b8f2]{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-size:13px;font-weight:500}h2[data-v-0704b8f2]{color:var(--text-h);letter-spacing:-1px;margin-bottom:48px;font-size:clamp(32px,5vw,52px);font-weight:800}.about-grid[data-v-0704b8f2]{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.about-text[data-v-0704b8f2]{flex-direction:column;gap:20px;display:flex}.about-text p[data-v-0704b8f2]{color:var(--text);font-size:16px;line-height:1.8}.about-stats[data-v-0704b8f2]{grid-template-columns:1fr 1fr;gap:32px;display:grid}.stat[data-v-0704b8f2]{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;flex-direction:column;gap:6px;padding:20px;transition:border-color .2s;display:flex}.stat[data-v-0704b8f2]:hover{border-color:#f5d800}.stat-number[data-v-0704b8f2]{font-family:var(--font-display);color:var(--text-h);font-size:42px;font-weight:800;line-height:1}.stat-small[data-v-0704b8f2]{font-size:18px;line-height:1.3}.stat-label[data-v-0704b8f2]{color:var(--text-muted);font-size:12px;line-height:1.5}@media (width<=768px){#about[data-v-0704b8f2]{padding:80px 0}.about-grid[data-v-0704b8f2]{grid-template-columns:1fr;gap:40px}.about-stats[data-v-0704b8f2]{grid-template-columns:1fr 1fr}}#experience[data-v-7a62fcd3]{border-top:1px solid var(--border);padding:120px 0}.experience-inner[data-v-7a62fcd3]{max-width:1000px}.section-label[data-v-7a62fcd3]{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:13px;font-weight:500}h2[data-v-7a62fcd3]{color:var(--text-h);letter-spacing:-1px;margin-bottom:12px;font-size:clamp(32px,5vw,52px);font-weight:800}.section-sub[data-v-7a62fcd3]{color:var(--text-muted);margin-bottom:64px;font-size:16px}.timeline[data-v-7a62fcd3]{flex-direction:column;gap:48px;display:flex}.timeline-item[data-v-7a62fcd3]{border-bottom:1px solid var(--border);grid-template-columns:200px 1fr;gap:32px;padding-bottom:48px;display:grid}.timeline-item[data-v-7a62fcd3]:last-child{border-bottom:none;padding-bottom:0}.timeline-meta[data-v-7a62fcd3]{flex-direction:column;gap:6px;padding-top:4px;display:flex}.period[data-v-7a62fcd3]{color:var(--accent);font-size:13px;font-weight:600}.location[data-v-7a62fcd3]{color:var(--text-muted);font-size:12px}.timeline-content h3[data-v-7a62fcd3]{color:var(--text-h);margin-bottom:4px;font-size:20px;font-weight:700}.company[data-v-7a62fcd3]{color:var(--text-muted);margin-bottom:16px;font-size:14px}ul[data-v-7a62fcd3]{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}ul li[data-v-7a62fcd3]{color:var(--text);padding-left:16px;font-size:15px;line-height:1.6;position:relative}ul li[data-v-7a62fcd3]:before{content:"→";color:var(--accent);font-size:12px;position:absolute;top:2px;left:0}@media (width<=768px){#experience[data-v-7a62fcd3]{padding:80px 0}.timeline-item[data-v-7a62fcd3]{grid-template-columns:1fr;gap:12px}.timeline-meta[data-v-7a62fcd3]{flex-direction:row;align-items:center;gap:12px}}#personal[data-v-089f62d0]{border-top:1px solid var(--border);padding:120px 0}.personal-inner[data-v-089f62d0]{max-width:800px}.section-label[data-v-089f62d0]{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:13px;font-weight:500}h2[data-v-089f62d0]{color:var(--text-h);letter-spacing:-1px;margin-bottom:12px;font-size:clamp(32px,5vw,52px);font-weight:800}.section-sub[data-v-089f62d0]{color:var(--text);max-width:640px;margin-bottom:48px;font-size:16px;line-height:1.8}.carousel[data-v-089f62d0]{width:100%;position:relative}.carousel-slide[data-v-089f62d0]{aspect-ratio:3/4;background:var(--bg-card);border-radius:12px;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.carousel-slide img[data-v-089f62d0]{object-fit:cover;width:100%;height:100%}.caption[data-v-089f62d0]{color:#fff;background:linear-gradient(#0000,#0009);padding:12px 16px;font-size:14px;font-weight:500;position:absolute;bottom:0;left:0;right:0}.carousel-btn[data-v-089f62d0]{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .2s;display:flex;position:absolute;top:45%;transform:translateY(-50%)}.carousel-btn[data-v-089f62d0]:hover{background:#000c}.prev[data-v-089f62d0]{left:12px}.next[data-v-089f62d0]{right:12px}.dots[data-v-089f62d0]{justify-content:center;gap:8px;margin-top:16px;display:flex}.dot[data-v-089f62d0]{background:var(--border);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:background .2s}.dot.active[data-v-089f62d0]{background:var(--accent)}@media (width<=768px){#personal[data-v-089f62d0]{padding:80px 0}.carousel-slide[data-v-089f62d0]{max-width:100%}}#projects[data-v-1086502c]{border-top:1px solid var(--border);padding:120px 0}.projects-inner[data-v-1086502c]{max-width:1100px}.section-label[data-v-1086502c]{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-size:13px;font-weight:500}h2[data-v-1086502c]{color:var(--text-h);letter-spacing:-1px;margin-bottom:12px;font-weight:800}.section-sub[data-v-1086502c]{color:var(--text-muted);margin-bottom:64px;font-size:16px}.projects-grid[data-v-1086502c]{flex-direction:column;gap:32px;display:flex}.project-card[data-v-1086502c]{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;overflow:visible}.card-media[data-v-1086502c]{background:var(--bg-surface);border-bottom:1px solid var(--border);pointer-events:auto;z-index:1;width:100%;position:relative}.project-video[data-v-1086502c]{z-index:2;pointer-events:auto;width:100%;display:block;position:relative}.screenshot-carousel[data-v-1086502c]{width:100%;height:100%;position:relative}.screenshot-carousel img[data-v-1086502c]{object-fit:contain;background:var(--bg-surface);width:100%;height:100%}.video-placeholder[data-v-1086502c]{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.carousel-btn[data-v-1086502c]{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn.prev[data-v-1086502c]{left:12px}.carousel-btn.next[data-v-1086502c]{right:12px}.carousel-dots[data-v-1086502c]{gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.dot[data-v-1086502c]{cursor:pointer;background:#fff6;border-radius:50%;width:6px;height:6px}.dot.active[data-v-1086502c]{background:#fff}.card-body[data-v-1086502c]{flex-direction:column;gap:16px;padding:28px;display:flex}.card-header[data-v-1086502c]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title-row[data-v-1086502c]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card-title-row h3[data-v-1086502c]{color:var(--text-h);font-size:22px;font-weight:700}.industry-tag[data-v-1086502c]{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border);text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.status-badge[data-v-1086502c]{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.status-badge.live[data-v-1086502c]{color:#22c55e;background:#22c55e1a}.status-badge.wip[data-v-1086502c]{color:#eab308;background:#eab3081a}.project-note[data-v-1086502c]{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:12px;font-style:italic}.stack-tags[data-v-1086502c]{flex-wrap:wrap;gap:8px;display:flex}.tag[data-v-1086502c]{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.tech-icon[data-v-1086502c]{object-fit:contain;opacity:.8;width:14px;height:14px}.problem-solution[data-v-1086502c]{grid-template-columns:1fr 1fr;gap:24px;display:grid}.block[data-v-1086502c]{flex-direction:column;gap:6px;display:flex}.block-label[data-v-1086502c]{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.block p[data-v-1086502c]:last-child{color:var(--text);font-size:14px;line-height:1.6}.features[data-v-1086502c]{flex-direction:column;gap:8px;display:flex}.features ul[data-v-1086502c]{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.features ul li[data-v-1086502c]{color:var(--text);padding-left:16px;font-size:14px;line-height:1.5;position:relative}.features ul li[data-v-1086502c]:before{content:"→";color:var(--text-muted);font-size:11px;position:absolute;top:2px;left:0}.card-links[data-v-1086502c]{gap:12px;padding-top:8px;display:flex}.btn-live[data-v-1086502c],.btn-repo[data-v-1086502c]{border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .2s}.btn-live[data-v-1086502c]{color:#111;background:#f5d800;border:none}.btn-repo[data-v-1086502c]{color:var(--text-h);border:1px solid var(--border);background:0 0}.btn-live[data-v-1086502c]:hover,.btn-repo[data-v-1086502c]:hover{opacity:.8}@media (width<=768px){#projects[data-v-1086502c]{padding:80px 0}.problem-solution[data-v-1086502c]{grid-template-columns:1fr}.card-header[data-v-1086502c]{flex-direction:column;align-items:flex-start}}#techstack[data-v-0061d054]{border-top:1px solid var(--border);padding:120px 0}.techstack-inner[data-v-0061d054]{max-width:1000px}.section-label[data-v-0061d054]{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:13px;font-weight:500}h2[data-v-0061d054]{color:var(--text-h);letter-spacing:-1px;margin-bottom:48px;font-size:clamp(32px,5vw,52px);font-weight:800}.stack-grid[data-v-0061d054]{flex-direction:column;gap:32px;display:flex}.stack-group[data-v-0061d054]{border-bottom:1px solid var(--border);grid-template-columns:160px 1fr;align-items:start;gap:24px;padding-bottom:32px;display:grid}.stack-group[data-v-0061d054]:last-child{border-bottom:none;padding-bottom:0}.group-label[data-v-0061d054]{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding-top:6px;font-size:13px;font-weight:600}.tags[data-v-0061d054]{flex-wrap:wrap;gap:10px;display:flex}.tag[data-v-0061d054]{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500}@media (width<=768px){#techstack[data-v-0061d054]{padding:80px 0}.stack-group[data-v-0061d054]{grid-template-columns:1fr;gap:12px}}#cv[data-v-d4316de6]{border-top:1px solid var(--border);padding:120px 0}.cv-inner[data-v-d4316de6]{max-width:800px}.section-label[data-v-d4316de6]{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:13px;font-weight:500}h2[data-v-d4316de6]{color:var(--text-h);letter-spacing:-1px;margin-bottom:12px;font-size:clamp(32px,5vw,52px);font-weight:800}.section-sub[data-v-d4316de6]{color:var(--text);margin-bottom:24px;font-size:16px;line-height:1.7}.btn-download[data-v-d4316de6]{color:#111;background:#f5d800;border-radius:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:opacity .2s;display:inline-block}.btn-download[data-v-d4316de6]:hover{opacity:.85}@media (width<=768px){#cv[data-v-d4316de6]{padding:80px 0}}#contact[data-v-259e29e5]{border-top:1px solid var(--border);padding:120px 0 160px}.contact-inner[data-v-259e29e5]{max-width:800px}.section-label[data-v-259e29e5]{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:13px;font-weight:500}h2[data-v-259e29e5]{color:var(--text-h);letter-spacing:-1px;margin-bottom:12px;font-size:clamp(32px,5vw,52px);font-weight:800}.section-sub[data-v-259e29e5]{color:var(--text);max-width:560px;margin-bottom:48px;font-size:16px;line-height:1.8}.contact-links[data-v-259e29e5]{flex-direction:column;gap:16px;display:flex}.contact-card[data-v-259e29e5]{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;justify-content:space-between;align-items:center;padding:20px 24px;transition:border-color .2s,background .2s;display:flex}.contact-card[data-v-259e29e5]:hover{background:#f5d800;border-color:#f5d800}.contact-card:hover .link-label[data-v-259e29e5],.contact-card:hover .link-value[data-v-259e29e5]{color:#111}.link-label[data-v-259e29e5]{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:13px;font-weight:600}.link-value[data-v-259e29e5]{color:var(--text-h);font-size:15px;font-weight:500}@media (width<=768px){#contact[data-v-259e29e5]{padding:80px 0 100px}.contact-card[data-v-259e29e5]{flex-direction:column;align-items:flex-start;gap:6px}}.cv-tool-page[data-v-90c2dbc9]{background:var(--bg);min-height:100vh;padding:80px 24px}.cv-tool-inner[data-v-90c2dbc9]{flex-direction:column;gap:32px;max-width:800px;margin:0 auto;display:flex}.back-link[data-v-90c2dbc9]{color:var(--text-muted);font-size:14px;transition:color .2s}.back-link[data-v-90c2dbc9]:hover{color:var(--text-h)}h1[data-v-90c2dbc9]{color:var(--text-h);letter-spacing:-1px;font-weight:800}.password-gate[data-v-90c2dbc9]{flex-direction:column;gap:16px;max-width:400px;display:flex}.password-gate p[data-v-90c2dbc9]{color:var(--text);font-size:15px}.input-row[data-v-90c2dbc9],.url-row[data-v-90c2dbc9]{gap:12px;display:flex}.url-input[data-v-90c2dbc9]{flex:1}input[data-v-90c2dbc9]{border:1px solid var(--border);background:var(--bg-card);color:var(--text-h);border-radius:8px;flex:1;padding:10px 14px;font-size:14px}input[data-v-90c2dbc9]:focus{border-color:var(--accent-border);outline:none}button[data-v-90c2dbc9]{color:#111;cursor:pointer;background:#f5d800;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .2s}button[data-v-90c2dbc9]:hover{opacity:.85}button[data-v-90c2dbc9]:disabled{opacity:.5;cursor:not-allowed}.error-msg[data-v-90c2dbc9]{color:#ef4444;font-size:13px}.tool-body[data-v-90c2dbc9]{flex-direction:column;gap:20px;display:flex}.tool-desc[data-v-90c2dbc9]{color:var(--text);font-size:15px;line-height:1.7}.btn-fetch[data-v-90c2dbc9]{white-space:nowrap}textarea[data-v-90c2dbc9]{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-h);resize:vertical;font-size:14px;line-height:1.6;font-family:var(--font-sans);box-sizing:border-box;border-radius:8px;padding:14px}textarea[data-v-90c2dbc9]:focus{border-color:var(--accent-border);outline:none}.btn-tailor[data-v-90c2dbc9]{align-self:flex-start;padding:14px 28px;font-size:15px}.cv-output[data-v-90c2dbc9]{border:1px solid var(--border);border-radius:12px;overflow:hidden}.output-header[data-v-90c2dbc9]{border-bottom:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.output-label[data-v-90c2dbc9]{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.btn-pdf[data-v-90c2dbc9]{padding:8px 16px;font-size:13px}pre[data-v-90c2dbc9]{font-family:var(--font-sans);color:var(--text);white-space:pre-wrap;background:var(--bg-card);padding:24px;font-size:14px;line-height:1.8}@media (width<=768px){.url-row[data-v-90c2dbc9]{flex-direction:column}.output-header[data-v-90c2dbc9]{flex-direction:column;align-items:flex-start;gap:12px}}