*{box-sizing:border-box}html{color-scheme:light}:root{--bg: #f4f5f7;--surface: #ffffff;--surface-muted: #f9fafb;--text: #141820;--muted: #667085;--muted-strong: #475467;--border: #e4e7ec;--accent: #2563eb;--accent-strong: #1d4ed8;--focus: rgba(37, 99, 235, .24)}[data-theme=dark]{color-scheme:dark;--bg: #10383A;--surface: #666E51;--surface-muted: #809276;--text: #f4f1df;--muted: #d7ded6;--muted-strong: #f4f1df;--border: #768886;--accent: #DAA112;--accent-strong: #DAA112;--focus: rgba(218, 161, 18, .32)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;transition:background-color .2s ease,color .2s ease}button,input,textarea{font:inherit}a{color:inherit}.site-shell{width:min(100%,880px);margin:0 auto;padding:48px 20px 32px}.profile-card{display:grid;justify-items:center;text-align:center;padding:42px 0 34px;border-bottom:1px solid var(--border)}.avatar{display:grid;width:108px;height:108px;place-items:center;margin-bottom:22px;border-radius:999px;background:var(--text);color:var(--surface);font-size:2rem;font-weight:700}.eyebrow,.section-kicker{margin:0;color:var(--accent);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2.35rem,7vw,4.75rem);line-height:.95;letter-spacing:0}.subtitle{margin-bottom:8px;color:var(--muted-strong);font-size:1.12rem;font-weight:600}.tagline{max-width:36rem;margin-bottom:18px;color:var(--muted);font-size:1rem}.stack-blink{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;max-width:42rem;margin-bottom:28px;color:var(--muted-strong);font-size:.82rem;font-weight:800;text-transform:uppercase}.stack-blink span{animation:stack-blink 2.8s ease-in-out infinite;opacity:.42}.stack-blink span:nth-child(2){animation-delay:.18s}.stack-blink span:nth-child(3){animation-delay:.36s}.stack-blink span:nth-child(4){animation-delay:.54s}.stack-blink span:nth-child(5){animation-delay:.72s}.stack-blink span:nth-child(6){animation-delay:.9s}.stack-blink span:nth-child(7){animation-delay:1.08s}.stack-blink span:nth-child(8){animation-delay:1.26s}@keyframes stack-blink{0%,to{color:var(--muted);opacity:.38}35%,62%{color:var(--accent);opacity:1}}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:9px;padding:11px 16px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font-weight:700;line-height:1;text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.btn svg{width:17px;height:17px;flex:0 0 auto}.btn:hover{background:var(--accent-strong);border-color:var(--accent-strong);transform:translateY(-1px)}.btn:focus-visible,.theme-toggle:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--ghost:hover{background:var(--surface-muted);border-color:var(--border)}.btn--copy{overflow:hidden}.btn__feedback{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none}.is-copied .btn__text{opacity:0}.is-copied .btn__feedback{animation:feedback 1.2s ease}.content-section{display:grid;gap:22px;padding:32px 0;border-bottom:1px solid var(--border)}.about-section,.contact-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}.section-heading{display:grid;gap:8px}h2{margin-bottom:0;font-size:clamp(1.55rem,4vw,2rem);line-height:1.1;letter-spacing:0}h3{margin-bottom:8px;font-size:1.06rem;line-height:1.25}.content-section p{color:var(--muted);line-height:1.72}.about-section>p,.contact-section p{margin-bottom:0}.timeline{display:grid;gap:22px}.timeline-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px}.timeline-meta{color:var(--accent);font-size:.88rem;font-weight:800}.timeline-company{margin-bottom:8px;color:var(--muted-strong)!important;font-weight:700}.timeline-item p:last-child{margin-bottom:0}.contact-section{border-bottom:0}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:8px;color:var(--muted-strong);font-size:.9rem;font-weight:700}input,textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:12px 13px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted)}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;padding:8px 0 0;color:var(--muted);font-size:.86rem}.theme-toggle{position:fixed;top:18px;right:18px;z-index:10;display:inline-flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted-strong);cursor:pointer}.theme-toggle__track{position:relative;width:42px;height:24px;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border)}.theme-toggle__knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:var(--accent);transition:transform .2s ease}[data-theme=dark] .theme-toggle__knob{transform:translate(18px)}.theme-toggle__sun,.theme-toggle__moon{width:14px;height:14px;border-radius:999px;flex:0 0 auto}.theme-toggle__sun{border:2px solid currentColor}.theme-toggle__moon{box-shadow:inset -5px 0 0 currentColor}@media(max-width:760px){.site-shell{padding:68px 14px 28px}.profile-card{padding:24px 0}.about-section,.contact-section,.timeline-item{grid-template-columns:1fr}.timeline-item{gap:8px}.social-links,.social-links .btn{width:100%}}@media(max-width:440px){.profile-card{padding:20px 0}.avatar{width:92px;height:92px;font-size:1.65rem}.theme-toggle{top:12px;right:12px}}:root{--color-text-base: #2a2a2a;--color-heading: #2a2a2a;--color-bg-body: #ffffff;--color-bg-card: #f9fafb;--color-bg-card-strong: #ffffff;--color-bg-muted: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--color-secondary: #6366f1;--color-muted: #4b5563;--color-focus: rgba(59, 130, 246, .35);--color-primary-shadow: rgb(59 130 246 / .3);--shadow-card: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-hover: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}:root.dark{color-scheme:dark;--color-text-base: #f4f1df;--color-heading: #DAA112;--color-bg-body: #10383A;--color-bg-card: #666E51;--color-bg-card-strong: #10383A;--color-bg-muted: #809276;--color-border: #768886;--color-primary: #DAA112;--color-secondary: #809276;--color-muted: #d7ded6;--color-focus: rgba(218, 161, 18, .38);--color-primary-shadow: rgb(218 161 18 / .26)}html{color-scheme:light;scroll-behavior:smooth}body{background:var(--color-bg-body);color:var(--color-text-base);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}img,svg{display:block}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hidden{display:none!important}.vcard-shell{min-height:100vh;background:var(--color-bg-body);transition:background-color .3s ease}.theme-control{position:fixed;top:1rem;right:1rem;z-index:50}.icon-button{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--color-text-base);cursor:pointer;transition:background-color .2s ease,color .2s ease}.icon-button:hover{background:#e5e7eb}.dark .icon-button:hover{background:var(--color-bg-card)}.icon-button:focus-visible,.social-button:focus-visible,.project-action:focus-visible,.primary-button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 0 4px var(--color-focus)}.theme-icon{width:1.5rem;height:1.5rem}.page-stack{padding-bottom:6rem}.page-stack>*+*{margin-top:6rem}.hero{position:relative;display:flex;min-height:100vh;align-items:center;justify-content:center;overflow:hidden;padding:4rem 1rem;text-align:center}.hero-glow{position:absolute;top:50%;left:50%;z-index:0;width:min(500px,80vw);height:min(500px,80vw);border-radius:999px;background:color-mix(in srgb,var(--color-primary),transparent 80%);filter:blur(120px);transform:translate(-50%,-50%);pointer-events:none}.hero-content{position:relative;z-index:1;animation:fade-in-up .5s ease-out forwards}.profile-image{width:8rem;height:8rem;margin:0 auto 1.5rem;overflow:hidden;border:4px solid #ffffff;border-radius:999px;box-shadow:var(--shadow-hover)}.dark .profile-image{border-color:var(--color-bg-card)}.profile-image img{width:100%;height:100%;object-fit:cover}h1,h2,h3{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:0}.dark strong,.dark b{color:var(--color-heading)}h1{margin:0 0 1rem;background:linear-gradient(90deg,var(--color-heading),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(2.25rem,7vw,3.75rem);line-height:1}.typing-line{min-height:2rem;margin-bottom:1.25rem;color:#4b5563;font-size:clamp(1.25rem,4vw,1.5rem)}.dark .typing-line{color:var(--color-muted)}.typing-caret{animation:blink 1s infinite}.hero-copy{max-width:42rem;margin:0 auto 2rem;color:var(--color-muted);font-size:1rem}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.social-button{position:relative;display:grid;width:3rem;height:3rem;place-items:center;border:0;border-radius:999px;background:#fff;color:#374151;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,color .3s ease}.dark .social-button{background:var(--color-bg-card);color:var(--color-text-base)}.social-button:hover{color:var(--color-primary);box-shadow:var(--shadow-card);transform:scale(1.1)}.social-button svg,.project-action svg,.primary-button svg,.email-link svg,.tech-icon svg{width:1.5rem;height:1.5rem}.copy-feedback{position:absolute;top:calc(100% + .5rem);left:50%;padding:.25rem .5rem;border-radius:.25rem;background:var(--color-text-base);color:var(--color-bg-body);font-size:.75rem;opacity:0;transform:translate(-50%);pointer-events:none}.is-copied .copy-feedback{animation:feedback 1.2s ease}.section{width:min(100% - 2rem,56rem);margin-right:auto;margin-left:auto;padding:4rem 0}.section-wide{width:min(100% - 2rem,72rem)}.section-narrow,.contact-section{width:min(100% - 2rem,48rem)}.section-timeline{width:min(100% - 2rem,60rem);text-align:left}.section h2{margin:0 0 3rem;color:var(--color-heading);font-size:1.875rem;line-height:2.25rem;text-align:center}.stack-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.tech-card{position:relative;display:flex;align-items:flex-start;gap:.75rem;overflow:hidden;min-width:0;padding:.875rem;border:1px solid var(--color-border);border-radius:.75rem;background:#fff;color:#374151;transition:border-color .3s ease,box-shadow .3s ease}.dark .tech-card{background:var(--color-bg-card);color:var(--color-text-base)}.tech-card:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--color-primary),transparent 95%);opacity:0;transition:opacity .3s ease}.tech-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-shadow)}.dark .tech-card:hover{box-shadow:0 0 20px var(--color-primary-shadow)}.tech-card:hover:before{opacity:1}.tech-icon,.tech-copy{position:relative;z-index:1}.tech-icon{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:.5rem;background:#f3f4f6;color:var(--color-primary);transition:transform .3s ease}.dark .tech-icon{background:var(--color-bg-card-strong)}.tech-card:hover .tech-icon{transform:scale(1.1)}.tech-copy{min-width:0}.tech-copy h3{margin:0 0 .25rem;color:var(--color-heading);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:800;line-height:1.25}.tech-copy p{margin:0;color:var(--color-muted);font-size:.82rem;line-height:1.35}.timeline{position:relative;display:grid;gap:3rem;margin-left:1.5rem;border-left:2px solid var(--color-border);text-align:left}.timeline-item{position:relative;display:block;padding-left:3rem;text-align:left}.timeline-dot{position:absolute;top:0;left:-9px;width:1rem;height:1rem;border:4px solid var(--color-bg-body);border-radius:999px;background:var(--color-primary)}.timeline-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.75rem;margin-bottom:.5rem;text-align:left}.timeline-heading h3{margin:0;color:var(--color-heading);font-size:1.25rem;line-height:1.75rem}.dark .timeline-heading h3{color:var(--color-heading)}.timeline-heading span{margin-left:auto;border-radius:.25rem;background:#f3f4f6;color:#6b7280;padding:.25rem .5rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem}.dark .timeline-heading span{background:var(--color-bg-card);color:var(--color-text-base)}.timeline-item p{margin:0;color:#4b5563;line-height:1.625}.dark .timeline-item p{color:var(--color-text-base)}.timeline-item .company{margin-bottom:.5rem;color:var(--color-primary);font-size:1.125rem;font-weight:500}.project-grid{display:grid;gap:2rem}.project-card{overflow:hidden;border:1px solid var(--color-border);border-radius:1rem;background:#fff;transition:transform .3s ease,box-shadow .3s ease}.dark .project-card{background:var(--color-bg-card)}.project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-.25rem)}.project-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#f3f4f6}.dark .project-media{background:var(--color-bg-muted)}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-media img{transform:scale(1.05)}.project-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1rem;background:#00000080;opacity:0;transition:opacity .3s ease}.project-card:hover .project-actions,.project-card:focus-within .project-actions{opacity:1}.project-action{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:999px;background:#fff;color:#111827;transition:background-color .2s ease,color .2s ease}.project-action:hover{background:var(--color-primary);color:#fff}.dark .project-action:hover{color:var(--color-bg-body)}.project-body{padding:1.5rem}.project-body h3{margin:0 0 .5rem;color:var(--color-heading);font-size:1.25rem;line-height:1.75rem;transition:color .2s ease}.project-card:hover .project-body h3{color:var(--color-primary)}.project-body p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0 0 1rem;color:var(--color-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-list span{border:1px solid color-mix(in srgb,var(--color-primary),transparent 80%);border-radius:999px;background:color-mix(in srgb,var(--color-primary),transparent 90%);color:var(--color-primary);padding:.125rem .625rem;font-size:.75rem;font-weight:500}.contact-section{text-align:center}.contact-section>p{max-width:40rem;margin:-2rem auto 2rem;color:var(--color-muted)}.contact-form{display:grid;gap:1rem;padding:2rem;border:1px solid var(--color-border);border-radius:1rem;background:#fff;box-shadow:var(--shadow-card);text-align:left}.dark .contact-form{background:var(--color-bg-card)}.contact-form label{color:var(--color-text-base);font-size:.875rem;font-weight:500}input,textarea{width:100%;border:1px solid var(--color-border);border-radius:.5rem;background:#f9fafb;color:var(--color-text-base);padding:.75rem 1rem;resize:none;transition:border-color .2s ease,box-shadow .2s ease}.dark input,.dark textarea{background:var(--color-bg-card-strong)}input:focus,textarea:focus{border-color:transparent;box-shadow:0 0 0 2px var(--color-primary);outline:none}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;border:0;border-radius:.5rem;background:var(--color-primary);color:#fff;padding:.75rem 1rem;font-size:1.125rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}.primary-button:hover{opacity:.9}.dark .primary-button{color:var(--color-bg-body)}.primary-button svg{transition:transform .2s ease}.primary-button:hover svg{transform:translate(.25rem)}.email-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem;color:#6b7280;font-size:.875rem;text-decoration:none;transition:color .2s ease}.email-link:hover{color:var(--color-primary)}.email-link svg{width:1rem;height:1rem}.site-footer{display:block;padding:2rem 1rem;color:#6b7280;font-size:.875rem;text-align:center}.site-footer p{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin:0}#visitCounter:empty{display:none}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes feedback{0%,to{opacity:0}18%,82%{opacity:1}}@media(min-width:768px){.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.page-stack>*+*{margin-top:3rem}.hero{min-height:92vh}.section{padding:3rem 0}.timeline{margin-left:.75rem}.timeline-item{padding-left:2rem}.timeline-heading{align-items:flex-start;flex-direction:column}.timeline-heading span{margin-left:0}.contact-form{padding:1.25rem}}