@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color:#050505;--surface-color:#0f0f0f;--surface-hover:#161616;--surface-elevated:#0f0f0fcc;--primary-color:#c5a059;--primary-hover:#e5bd6a;--primary-contrast:#000;--text-main:#ececec;--text-dim:#a1a1a1;--accent-color:#262626;--border-color:#1f1f1f;--nav-bg:#050505cc;--grid-opacity:.05;--glow-color:#c5a0590d;--shadow-color:#0006;--font-heading:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}html{scroll-padding-top:96px}[data-theme=light]{--bg-color:#f7f3ea;--surface-color:#fffaf0;--surface-hover:#f1e8d8;--surface-elevated:#fffaf0d1;--primary-color:#8a5a12;--primary-hover:#6e470d;--primary-contrast:#fffaf0;--text-main:#181511;--text-dim:#665f54;--accent-color:#e8dcc9;--border-color:#d8c9b0;--nav-bg:#f7f3ead1;--grid-opacity:.22;--glow-color:#8a5a1214;--shadow-color:#4f371429}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}#root{min-height:100vh;overflow-x:clip}img,svg,video,canvas{max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0;scroll-margin-top:96px}.grid-overlay{background-image:linear-gradient(var(--accent-color) 1px, transparent 1px), linear-gradient(90deg, var(--accent-color) 1px, transparent 1px);width:100%;height:100%;opacity:var(--grid-opacity);pointer-events:none;z-index:0;background-size:50px 50px;position:fixed;top:0;left:0}.glow{background:radial-gradient(circle, var(--glow-color) 0%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:min(400px,80vw);height:min(400px,80vw);position:absolute}@media (width<=768px){html{scroll-padding-top:80px}.container{padding:0 1.25rem}.section{padding:4.5rem 0}.grid-overlay{background-size:36px 36px}}.app{z-index:1;min-height:100vh;position:relative;overflow-x:clip}.navbar{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);align-items:center;width:100%;min-height:80px;display:flex;position:fixed;top:0}.navbar .container{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.logo{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--primary-color);font-size:1.25rem;font-weight:700}.nav-links{gap:2.5rem;margin-left:auto;display:flex}.nav-links a{color:var(--text-dim);font-size:.9rem;font-weight:500}.nav-links a:hover{color:var(--text-main)}.theme-switcher{border:1px solid var(--border-color);background:var(--surface-elevated);border-radius:999px;grid-template-columns:repeat(3,1fr);gap:.2rem;margin-left:1.5rem;padding:.25rem;display:inline-grid}.theme-option{width:2rem;height:2rem;color:var(--text-dim);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.theme-option:hover{color:var(--text-main)}.theme-option.active{background:var(--primary-color);color:var(--primary-contrast)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.78fr);align-items:center;gap:clamp(2.5rem,5vw,5rem);min-height:100svh;padding-top:80px;display:grid;position:relative}.hero-copy{max-width:900px}.badge{background:color-mix(in srgb, var(--surface-color) 72%, transparent);border:1px solid var(--border-color);font-size:.86rem;font-family:var(--font-mono);color:var(--primary-color);border-radius:100px;margin-bottom:1.8rem;padding:.48rem 1.2rem;display:inline-block}.hero h1{max-width:980px;margin-bottom:2.25rem;font-size:clamp(3.7rem,7.5vw,7rem);line-height:.97}.highlight{color:var(--primary-color);position:relative}.hero-sub{color:var(--text-dim);max-width:760px;margin-bottom:3.5rem;font-size:clamp(1.15rem,1.7vw,1.65rem);line-height:1.75}.hero-visual{justify-content:center;align-items:center;min-height:640px;display:flex;position:relative}.hero-visual:before{content:"";background:radial-gradient(circle at center, color-mix(in srgb, var(--primary-color) 18%, transparent), transparent 62%);filter:blur(24px);opacity:.9;position:absolute;inset:7% -6% 2%}.hero-visual img{aspect-ratio:.68;object-fit:cover;object-position:center top;border:1px solid var(--border-color);width:min(100%,520px);box-shadow:0 32px 70px var(--shadow-color);border-radius:0;position:relative}.hero-actions{align-items:center;gap:2rem;display:flex}.btn{transition:var(--transition-smooth);cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-color);color:var(--primary-contrast)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #c5a05926}.social-links{gap:1.5rem;display:flex}.social-links a{color:var(--text-dim)}.social-links a:hover{color:var(--primary-color);transform:translateY(-2px)}.hero-scroll{color:var(--text-dim);animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)translate(-50%)}40%{transform:translateY(-10px)translate(-50%)}60%{transform:translateY(-5px)translate(-50%)}}.section-header{margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:2.5rem}.section-header p{color:var(--text-dim);font-size:1.1rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2rem;display:grid}.project-card{background:var(--surface-color);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:8px;flex-direction:column;padding:1rem;display:flex;position:relative;overflow:hidden}.project-image-frame{aspect-ratio:16/9;border:1px solid var(--border-color);background:var(--bg-color);border-radius:6px;margin-bottom:1.5rem;position:relative;overflow:hidden}.project-image-frame:after{content:"";pointer-events:none;background:linear-gradient(180deg, transparent 58%, color-mix(in srgb, var(--bg-color) 34%, transparent));position:absolute;inset:0}.project-image-frame img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .55s cubic-bezier(.16,1,.3,1);display:block}.project-card:hover .project-image-frame img{transform:scale(1.04)}.project-card:hover{border-color:var(--primary-color);background:var(--surface-hover)}.project-icon{color:var(--primary-color);margin-bottom:1.5rem}.project-card h3{margin-bottom:1rem;padding:0 1.5rem;font-size:1.5rem}.project-card p{color:var(--text-dim);flex-grow:1;margin-bottom:2rem;padding:0 1.5rem;font-size:.95rem}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:0 1.5rem;display:flex}.tag{font-family:var(--font-mono);background:var(--accent-color);color:var(--text-dim);border-radius:4px;padding:.2rem .6rem;font-size:.7rem}.project-links{flex-wrap:wrap;gap:1.5rem;padding:0 1.5rem 1.5rem;display:flex}.project-link{color:var(--primary-color);transition:var(--transition-smooth);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.project-link:hover{opacity:.8;gap:.75rem}.project-link.demo{color:var(--text-main)}.project-custom-content{margin-bottom:2rem;padding:0 1.5rem}.algo-preview{background:color-mix(in srgb, var(--bg-color) 80%, transparent);border:1px solid var(--border-color);border-radius:4px;gap:.5rem;padding:1rem;display:flex}.algo-node{background:var(--primary-color);border-radius:2px;width:12px;height:12px}.algo-node.active{box-shadow:0 0 10px var(--primary-color)}.project-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding:0 1.5rem;display:flex}.project-metrics{text-align:right;flex-direction:column;gap:.25rem;display:flex}.metric{flex-direction:column;display:flex}.metric-key{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;font-size:.6rem}.metric-value{color:var(--text-main);font-size:.75rem;font-weight:600}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.skills-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}.skill-category h4{text-transform:uppercase;letter-spacing:.1em;color:var(--primary-color);margin-bottom:1rem;font-size:.9rem}.skill-category ul{flex-direction:column;gap:.5rem;display:flex}.skill-category li{color:var(--text-dim);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.skill-category li:before{content:"";background:var(--primary-color);border-radius:50%;width:4px;height:4px}.code-block-mock{background:var(--bg-color);border:1px solid var(--border-color);box-shadow:0 20px 40px var(--shadow-color);border-radius:8px;overflow:hidden}.code-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);gap:.5rem;padding:.75rem 1rem;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.code-content{font-family:var(--font-mono);color:var(--text-main);padding:1.5rem;font-size:.85rem;overflow-x:auto}.code-content pre{min-width:max-content}.experience-heading{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.section-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.72rem;display:inline-flex}.experience-source-link:hover{color:var(--text-main)}.experience-updated{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;margin-bottom:1.1rem;font-size:.78rem}.experience-layout{grid-template-columns:minmax(240px,.72fr) minmax(0,1.6fr);align-items:start;gap:4rem;display:grid}.experience-summary{position:sticky;top:110px}.experience-summary-card{background:linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 10%, transparent), color-mix(in srgb, var(--surface-color) 60%, transparent));border:1px solid #c5a05947;border-radius:8px;margin-bottom:1rem;padding:1.4rem}.experience-summary-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color);margin-bottom:.75rem;font-size:.68rem}.experience-summary-card p{color:var(--text-dim);margin-bottom:1.15rem;font-size:.98rem;line-height:1.75}.experience-summary-card strong{color:var(--text-main);font-weight:600}.resume-builder-link{color:var(--primary-color);align-items:center;gap:.45rem;font-size:.92rem;font-weight:700;display:inline-flex}.resume-builder-link:hover{color:var(--text-main)}.experience-skill-list{flex-direction:column;gap:.6rem;display:flex}.experience-skill-row{border:1px solid var(--border-color);background:color-mix(in srgb, var(--surface-color) 78%, transparent);border-radius:8px;padding:.8rem .95rem}.experience-skill-category{color:var(--text-main);margin-bottom:.25rem;font-size:.86rem;font-weight:700;display:block}.experience-skill-details{color:var(--text-dim);font-size:.82rem;line-height:1.55;display:block}.experience-timeline{flex-direction:column;gap:2rem;display:flex}.experience-item{border-left:1px solid var(--border-color);padding:0 0 2rem 2rem;position:relative}.experience-item:before{content:"";background:var(--primary-color);border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:-4px;box-shadow:0 0 0 5px #c5a0591a}.experience-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:.5rem;display:flex}.experience-header h3{color:var(--text-main);font-size:1.25rem;line-height:1.25}.period{font-family:var(--font-mono);color:var(--primary-color);white-space:nowrap;font-size:.8rem}.company{color:var(--text-dim);margin-bottom:1rem;font-weight:600}.experience-location{color:var(--text-dim);font-family:var(--font-mono);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.78rem;display:inline-flex}.experience-bullets{flex-direction:column;gap:.75rem;max-width:780px;list-style:none;display:flex}.experience-bullets li{color:var(--text-dim);padding-left:1.1rem;position:relative}.experience-bullets li:before{content:"";background:var(--primary-color);width:5px;height:1px;position:absolute;top:.72em;left:0}.experience-status{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-dim);border-radius:8px;align-items:center;gap:.85rem;padding:1.25rem 1.5rem;display:flex}.experience-status strong{color:var(--text-main);margin-bottom:.15rem;display:block}.experience-status p{margin:0}.experience-status.error{border-color:#ff5f5659}.status-icon{color:var(--primary-color);flex:none}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-dim);padding:4rem 0;font-size:.9rem}@media (width<=992px){.hero{grid-template-columns:1fr;align-items:end;gap:2.5rem}.hero-visual{order:-1;min-height:380px}.hero-visual img{width:min(72vw,360px);max-height:420px}.grid-2{grid-template-columns:1fr}.experience-layout{grid-template-columns:1fr;gap:2.5rem}.experience-summary{position:static}}@media (width<=768px){.navbar{min-height:68px}.navbar .container{padding:0 1rem}.logo{font-size:1rem}.nav-links{display:none}.theme-switcher{margin-left:auto;padding:.2rem}.theme-option{width:1.85rem;height:1.85rem}.hero{gap:2rem;min-height:auto;padding-top:8rem;padding-bottom:4rem}.hero h1{margin-bottom:1.25rem;font-size:clamp(2.8rem,14vw,4rem);line-height:1.02}.hero-sub{margin-bottom:2rem;font-size:1.02rem}.hero-visual{min-height:310px}.hero-visual img{width:min(82vw,300px);max-height:330px}.hero-actions{flex-direction:column;align-items:flex-start;gap:1.25rem}.btn{justify-content:center;width:100%;padding:.9rem 1.25rem}.social-links{justify-content:center;gap:2rem;width:100%}.hero-scroll{display:none}.section-header{margin-bottom:2.25rem}.section-header h2{text-wrap:balance;font-size:clamp(2rem,10vw,2.45rem);line-height:1.08}.projects-grid{grid-template-columns:1fr;gap:1.25rem}.project-card{padding:.75rem}.project-image-frame{margin-bottom:1.25rem}.project-card-header,.project-card h3,.project-card p,.project-tags,.project-custom-content{padding-left:.75rem;padding-right:.75rem}.project-links{padding:0 .75rem 1rem}.project-card-header{align-items:center;gap:1rem}.project-icon{margin-bottom:0}.project-metrics{max-width:60%}.metric-key{font-size:.56rem}.project-card h3{font-size:1.35rem;line-height:1.15}.project-card p{font-size:.93rem}.metric-value{overflow-wrap:anywhere}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.code-content{padding:1rem;font-size:.72rem}.experience-header{flex-direction:column;align-items:flex-start;gap:.5rem}.experience-heading{flex-direction:column;align-items:flex-start;gap:.25rem}.experience-updated{white-space:normal;margin-bottom:0}.experience-summary-card{padding:1.1rem}.experience-summary-card p{font-size:.92rem;line-height:1.65}.experience-item{padding-left:1.25rem}.experience-header h3{font-size:1.08rem}.period{white-space:normal}.footer{padding:3rem 1.25rem}}@media (width<=430px){.project-image-frame{aspect-ratio:1.45}.project-card-header,.project-card h3,.project-card p,.project-tags,.project-custom-content,.project-links{padding-left:.5rem;padding-right:.5rem}.project-links{flex-direction:column;gap:.8rem}.project-link{border:1px solid var(--border-color);background:color-mix(in srgb, var(--surface-color) 70%, transparent);border-radius:6px;justify-content:space-between;width:100%;padding:.75rem .85rem}.experience-skill-row{padding:.75rem}}@media (width<=360px){.logo{font-size:.92rem}.theme-option{width:1.65rem;height:1.65rem}.hero h1{font-size:2.2rem}}