:root{--bg:#fff;--bg-soft:linear-gradient(135deg, #f5f3ff 0%, #eef2ff 50%, #fdf2f8 100%);--surface:#fff;--surface-soft:#f8f7fc;--text-primary:#1e1b2e;--text-secondary:#55506b;--text-muted:#948fa8;--border:#ece9f7;--border-strong:#ddd7f0;--accent-purple:#7c3aed;--accent-purple-dark:#4c1d95;--accent-pink:#db2777;--accent-gradient:linear-gradient(90deg, #7c3aed, #db2777);--pill-bg:#fff;--shadow-card:0 1px 2px #1e143c0a, 0 8px 24px #1e143c0f;--shadow-card-hover:0 4px 10px #1e143c0f, 0 16px 36px #1e143c1a;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--max-width:1080px;font:17px/1.6 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}h1,h2,h3,h4{font-family:var(--sans);color:var(--text-primary);margin:0;font-weight:500}p{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{font-family:var(--sans);cursor:pointer}img{max-width:100%;display:block}.gradient-text{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.section{padding:96px 32px}.section-inner{max-width:var(--max-width);margin:0 auto}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-purple-dark);background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-block}.section-heading{margin-bottom:12px;font-size:32px;line-height:1.25}.section-subtext{color:var(--text-secondary);max-width:620px;margin-bottom:48px;font-size:16px}.btn{border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:500;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #7c3aed47}.btn-secondary{background:var(--surface-soft);color:var(--accent-purple-dark);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-strong)}.pill{color:var(--accent-purple-dark);background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;align-items:center;padding:5px 12px;font-size:13px;display:inline-flex}@media (width<=720px){.section{padding:64px 20px}.section-heading{font-size:26px}}.nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fffc;position:sticky;top:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:16px 32px;display:flex}.nav-logo{color:var(--text-primary);white-space:nowrap;font-size:15px;font-weight:500}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--text-secondary);font-size:14px;transition:color .15s}.nav-links a:hover{color:var(--accent-purple)}.nav-socials{color:var(--text-secondary);gap:14px;display:flex}.nav-socials a{transition:color .15s;display:flex}.nav-socials a:hover{color:var(--accent-purple)}@media (width<=720px){.nav-links{display:none}.nav-inner{padding:14px 20px}}.hero{background:var(--bg-soft);padding:88px 32px 96px}.hero-inner{max-width:var(--max-width);grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;margin:0 auto;display:grid}.hero-eyebrow{background:#ffffffb3}.hero-title{margin:0 0 14px;font-size:44px;line-height:1.2}.hero-role{color:var(--accent-purple-dark);margin-bottom:18px;font-size:19px;font-weight:500}.hero-desc{color:var(--text-secondary);max-width:520px;margin-bottom:32px;font-size:16px}.hero-actions{gap:12px;margin-bottom:44px;display:flex}.hero-stats{gap:32px;display:flex}.hero-stat-value{color:var(--accent-purple-dark);font-size:24px;font-weight:500}.hero-stat-label{color:var(--text-muted);margin-top:2px;font-size:13px}.hero-photo-wrap{justify-content:center;display:flex}.hero-photo{aspect-ratio:1;object-fit:cover;width:100%;max-width:320px;box-shadow:var(--shadow-card-hover);border:4px solid #fff;border-radius:24px}@media (width<=860px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-photo-wrap{order:-1}.hero-photo{max-width:200px}.hero-title{font-size:34px}.hero-stats{flex-wrap:wrap;gap:24px}}.about-inner{grid-template-columns:.8fr 1.2fr;gap:56px;display:grid}.about-inner .section-heading{margin-bottom:0}.about-copy{color:var(--text-secondary);flex-direction:column;gap:18px;font-size:16px;display:flex}.about-copy strong{color:var(--text-primary);font-weight:500}@media (width<=860px){.about-inner{grid-template-columns:1fr;gap:20px}}.timeline{border-left:2px solid var(--border);flex-direction:column;gap:0;margin-left:6px;display:flex}.timeline-item{padding:0 0 40px 32px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:var(--accent-gradient);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-7px;box-shadow:0 0 0 4px #fff}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.timeline-role{margin:0;font-size:18px}.timeline-period{color:var(--text-muted);white-space:nowrap;font-size:13px}.timeline-company{color:var(--accent-purple-dark);margin:4px 0 12px;font-size:14px;font-weight:500}.timeline-bullets{color:var(--text-secondary);flex-direction:column;gap:6px;margin-bottom:16px;font-size:15px;display:flex}.timeline-bullets li{padding-left:16px;position:relative}.timeline-bullets li:before{content:"";background:var(--border-strong);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.timeline-skills{flex-wrap:wrap;gap:8px;display:flex}.skills-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.skills-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.skills-card-title{margin-bottom:14px;font-size:15px}.skills-card-items{flex-wrap:wrap;gap:8px;display:flex}@media (width<=560px){.skills-grid{grid-template-columns:1fr}}.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.project-card-image{aspect-ratio:16/10;background:var(--surface-soft);overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%}.project-card-body{flex-direction:column;gap:10px;padding:24px;display:flex}.project-card-title{font-size:20px}.project-card-tagline{color:var(--accent-purple-dark);font-size:14px;font-weight:500}.project-card-summary{color:var(--text-secondary);font-size:14px;line-height:1.65}.project-card-stack{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}.project-card-link{color:var(--accent-purple);align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:500;display:inline-flex}@media (width<=860px){.projects-grid{grid-template-columns:1fr}}.contact{background:var(--bg-soft)}.contact-card{text-align:center;flex-direction:column;align-items:center;display:flex}.contact-subtext{margin-left:auto;margin-right:auto}.contact-actions{margin-bottom:28px}.contact-links{gap:16px;display:flex}.contact-link{color:var(--text-primary);border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:border-color .15s;display:inline-flex}.contact-link:hover{border-color:var(--border-strong)}.footer{border-top:1px solid var(--border);padding:28px 32px}.footer-inner{max-width:var(--max-width);color:var(--text-muted);justify-content:space-between;margin:0 auto;font-size:13px;display:flex}@media (width<=560px){.footer-inner{text-align:center;flex-direction:column;gap:6px}}.project-detail{padding:56px 32px 96px}.project-detail-inner{max-width:860px;margin:0 auto}.back-link{color:var(--text-secondary);margin-bottom:28px;font-size:14px;display:block}.back-link:hover{color:var(--accent-purple)}.project-detail-title{margin:0 0 8px;font-size:38px}.project-detail-tagline{color:var(--accent-purple-dark);margin-bottom:28px;font-size:17px;font-weight:500}.project-detail-actions{gap:12px;margin-bottom:16px;display:flex}.project-detail-deployment-note{color:var(--text-muted);margin-bottom:32px;font-size:14px}.project-detail-banner{border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:18px;margin-bottom:36px;overflow:hidden}.project-detail-banner img{width:100%;display:block}.project-detail-summary{color:var(--text-secondary);margin-bottom:48px;font-size:17px;line-height:1.75}.project-detail-grid{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.project-detail-heading{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:16px;font-size:15px}.project-detail-list{color:var(--text-secondary);flex-direction:column;gap:12px;font-size:15px;display:flex}.project-detail-list li{padding-left:18px;line-height:1.6;position:relative}.project-detail-list li:before{content:"";background:var(--accent-gradient);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.project-detail-stack{flex-wrap:wrap;gap:8px;margin-bottom:56px;display:flex}.project-detail-other{border-top:1px solid var(--border);padding-top:28px}.project-detail-other-link{color:var(--accent-purple);align-items:center;gap:8px;font-size:15px;font-weight:500;display:inline-flex}@media (width<=720px){.project-detail-title{font-size:28px}.project-detail-grid{grid-template-columns:1fr;gap:32px}}