:root{--color-bg:#fff;--color-text:#1a1a1a;--color-muted:#666;--color-accent:#3b82f6;--color-border:#e5e5e5;--max-width:720px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--color-bg:#0f0f0f;--color-text:#f0f0f0;--color-muted:#999;--color-border:#2a2a2a}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:17px;line-height:1.6;overflow-x:hidden}main{max-width:var(--max-width);margin:0 auto;padding:2rem 1.25rem 0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin-top:2rem;line-height:1.2}h1{font-size:2rem}.site-header{z-index:100;background:#090816;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.site-title{color:#f5f5f5;font-size:1.1rem;font-weight:600}.site-nav a{color:#f5f5f5;margin-left:1.25rem}.nav-toggle{color:#f5f5f5;cursor:pointer;background:0 0;border:none;padding:.25rem;line-height:0;display:none}.nav-toggle svg{width:24px;height:24px}.icon-close,.nav-toggle[aria-expanded=true] .icon-hamburger{display:none}.nav-toggle[aria-expanded=true] .icon-close{display:block}@media (width<=768px){.nav-toggle{justify-content:center;align-items:center;display:flex}.site-nav{border-top:1px solid #0000;flex-direction:column;width:100%;max-height:0;padding:0;transition:max-height .3s,padding .3s;display:flex;overflow:hidden}.site-nav.open{border-top-color:#161249;max-height:400px;padding:.5rem 0 1rem}.site-nav a{border-bottom:1px solid #110e39;margin-left:0;padding:.7rem 0;font-size:1rem}.site-nav a:last-child{border-bottom:none}}.site-footer{color:#ffffff80;text-align:center;background:#090816;padding:1.5rem;font-size:.9rem}.hero{text-align:center;background:linear-gradient(#080a1973, #080a19b3), var(--hero-bg-image) center/cover no-repeat;color:#f5f5f5;justify-content:center;align-items:center;min-height:calc(100vh - 4rem);margin:-2rem calc(50% - 50vw) 0;display:flex}.availability-badge{color:#ffffffe6;background:#ffffff14;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.85rem;display:inline-flex}.availability-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 6px #4ade80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{letter-spacing:.02em;margin:0;padding:0 1.5rem;font-size:clamp(2.5rem,7vw,5rem)}.hero-subtitle{opacity:.9;margin:1rem 0 0;padding:0 1.5rem;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5}.hero-links{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.hero-link{color:#f5f5f5;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.hero-link:hover{background:#ffffff2e;border-color:#ffffff80;text-decoration:none;transform:translateY(-2px)}.hero-link svg{width:22px;height:22px}.about{color:#f5f5f5;background:#090816;margin:0 calc(50% - 50vw);padding:4rem 0 2rem}.about-title{color:#f5f5f5;text-align:center;max-width:960px;margin:0 auto 1.5rem;padding:0 2rem}.about .intro{max-width:960px;margin:0 auto;padding:0 2rem}.about p{color:#ffffffd9;margin-bottom:2rem}.about .intro-photo{box-shadow:0 0 0 3px #ffffff26}.stats{background:#090816;margin:0 calc(50% - 50vw);padding:1rem 1rem 2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:760px;margin:0 auto;display:grid}.stat-card{text-align:center;background:#0d0b28;border:1px solid #1b165a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2.5rem 1.5rem;display:flex}.stat-value{color:#93c5fd;text-shadow:0 0 20px #93c5fd4d;font-size:2.75rem;font-weight:700;line-height:1}.stat-label{color:#ffffff80;letter-spacing:.03em;font-size:.9rem}.skills{color:#f5f5f5;text-align:center;background:#090816;margin:0 calc(50% - 50vw);padding:4rem 2rem}.skills-title{color:#f5f5f5;text-align:center;max-width:960px;margin:0 auto .75rem;padding:0 2rem}.skills-subtitle{color:#ffffff8c;max-width:500px;margin:0 auto 3rem}.skills-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1100px;margin:0 auto;display:grid}.skill-card{background:#0d0b28;border:1px solid #161249;border-radius:12px;padding:1.75rem}.skill-card-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.skill-card-header h3{color:#f5f5f5;margin:0;font-size:1.05rem}.skill-icon{color:#22d3ee;flex-shrink:0;width:24px;height:24px}.skill-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.skill-meta{justify-content:space-between;align-items:baseline;margin-bottom:.35rem;display:flex}.skill-name{color:#ffffffd9;font-size:.9rem}.skill-pct{color:#ffffff73;font-size:.82rem}.skill-bar-track{background:#1e1c40;border-radius:999px;height:4px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg,#22d3ee,#a855f7);border-radius:999px;width:0;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}@media (width<=800px){.skills-grid{grid-template-columns:1fr}}.projects{color:#f5f5f5;text-align:center;background:#090816;margin:0 calc(50% - 50vw);padding:4rem 2rem}.projects-title{color:#f5f5f5;text-align:center;max-width:960px;margin:0 auto .75rem;padding:0 2rem}.projects-subtitle{color:#ffffff8c;max-width:500px;margin:0 auto 3rem}.projects-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1100px;margin:0 auto;display:grid}.project-card{color:inherit;background:#0d0b28;border:1px solid #161249;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.75rem;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:flex}.project-card:hover{background:#14113b;border-color:#281fad;text-decoration:none;transform:translateY(-3px)}.project-card-header{align-items:center;gap:.75rem;display:flex}.project-icon{color:#93c5fd;flex-shrink:0;width:22px;height:22px}.project-icon-emoji{flex-shrink:0;font-size:1.25rem;line-height:1}.project-card h3{color:#f5f5f5;margin:0;font-size:1.05rem}.project-card p{color:#ffffff8c;flex:1;margin:0;font-size:.95rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.tag{color:#ffffffb3;background:#141236;border:1px solid #1d1862;border-radius:999px;padding:.2rem .65rem;font-size:.78rem}@media (width<=800px){.projects-grid{grid-template-columns:1fr}}.experience{color:#f5f5f5;text-align:center;background:#090816;margin:0 calc(50% - 50vw);padding:4rem 2rem}.experience-title{color:#f5f5f5;text-align:center;max-width:960px;margin:0 auto .75rem;padding:0 2rem}.experience-subtitle{color:#ffffff8c;max-width:500px;margin:0 auto 3rem}.experience-list{text-align:left;flex-direction:column;gap:1.25rem;max-width:800px;margin:0 auto;display:flex}.experience-item{background:#0d0b28;border:1px solid #161249;border-left:3px solid #22d3ee;border-radius:12px;padding:1.75rem}.experience-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.experience-role{color:#f5f5f5;margin:0 0 .2rem;font-size:1.05rem}.experience-company{color:#22d3ee;font-size:.9rem}.experience-desc{color:#fff9;margin:0;font-size:.95rem;line-height:1.6}.experience-location{color:#fff6;margin-top:.15rem;font-size:.82rem;display:block}.blog{color:#f5f5f5;text-align:center;background:#090816;margin:0 calc(50% - 50vw);padding:4rem 2rem}.blog-title{color:#f5f5f5;text-align:center;max-width:960px;margin:0 auto .75rem;padding:0 2rem}.blog-subtitle{color:#ffffff8c;max-width:500px;margin:0 auto 3rem}.blog-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1100px;margin:0 auto;display:grid}.blog-card{background:#0d0b28;border:1px solid #161249;border-radius:12px;flex-direction:column;gap:.6rem;padding:1.75rem;transition:background .2s,border-color .2s,transform .2s;display:flex}.blog-card:hover{background:#14113b;border-color:#281fad;transform:translateY(-3px)}.blog-date{color:#fff6;letter-spacing:.03em;font-size:.8rem}.blog-card h3{color:#f5f5f5;margin:0;font-size:1.05rem}.blog-card p{color:#ffffff8c;flex:1;margin:0;font-size:.92rem;line-height:1.6}.blog-read-more{color:#22d3ee;margin-top:.25rem;font-size:.85rem}.blog-empty{color:#fff6;margin:0;font-style:italic}@media (width<=800px){.blog-grid{grid-template-columns:1fr}}.find-me{color:#f5f5f5;text-align:center;background:#090816;margin:0 calc(50% - 50vw);padding:4rem 0}.find-me h2{color:#f5f5f5;margin-top:0}.find-me ul{justify-content:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.find-me a{color:#ffffffbf}.find-me a:hover{color:#fff}.intro{align-items:center;gap:3rem;margin-top:2rem;display:flex}.intro-photo{object-fit:cover;border-radius:50%;flex-shrink:0;width:300px;height:300px}.intro-text h1{margin-top:0;margin-bottom:.5rem}@media (width<=768px){.intro{text-align:center;flex-direction:column;align-items:center}.intro-photo{width:200px;height:200px}.about p{text-align:left}.stats-grid{grid-template-columns:1fr}.experience-header{flex-direction:column;gap:.25rem}.hero h1{font-size:clamp(2rem,10vw,5rem)}.projects-grid,.skills-grid,.blog-grid{grid-template-columns:1fr}}.project-list{padding:0;list-style:none}.project-list li{border-bottom:1px solid var(--color-border);padding:1rem 0}.project-list h3{margin:0 0 .25rem}.project-list p{color:var(--color-muted);margin:0}
