:root{--primary:#0d9488;--primary-light:#14b8a6;--text:#495564;--heading:#3d4856;--muted:#5a6b7f;--faint:#8a96a6;--border:#e2e8f0;--tint:#f0fdfa;--bg:#fff;--surface:#fff;--nav-bg:#ffffffe6;--hover-shadow:0 4px 20px #0d94881a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary:#2dd4bf;--primary-light:#5eead4;--text:#cbd5e1;--heading:#e2e8f0;--muted:#94a3b8;--faint:#7c8a9e;--border:#263241;--tint:#0f1a1f;--bg:#0b1117;--surface:#111a22;--nav-bg:#0b1117d9;--hover-shadow:0 4px 20px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--primary:#2dd4bf;--primary-light:#5eead4;--text:#cbd5e1;--heading:#e2e8f0;--muted:#94a3b8;--faint:#7c8a9e;--border:#263241;--tint:#0f1a1f;--bg:#0b1117;--surface:#111a22;--nav-bg:#0b1117d9;--hover-shadow:0 4px 20px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7;transition:background .2s,color .2s}h1,h2,h3{color:var(--heading)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul{list-style:none}.container{max-width:780px;margin:0 auto;padding:0 24px}.section{padding:100px 0 72px}.section--wide .container{max-width:1040px}.back-link{color:var(--muted);margin-bottom:20px;font-size:.85rem;font-weight:600;transition:color .2s;display:inline-block}.back-link:hover{color:var(--primary)}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;font-size:.75rem;font-weight:700}.section-title{letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:600}.divider{background:var(--primary);border-radius:2px;width:40px;height:3px;margin:14px 0 32px}.navbar{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d}.navbar-inner{align-items:center;gap:24px;max-width:1040px;height:60px;display:flex}.navbar-brand{white-space:nowrap;letter-spacing:-.01em;color:var(--primary);flex-shrink:0;font-weight:700;transition:color .2s}.navbar-brand:hover{color:var(--primary-light)}.navbar-links{gap:24px;margin-left:auto;display:flex}.navbar-link{color:var(--muted);white-space:nowrap;font-size:.88rem;font-weight:500;transition:color .2s}.navbar-link:hover,.navbar-link.active{color:var(--heading)}.navbar-link.active{font-weight:700}.navbar-actions{gap:4px;display:flex}.icon-button{width:36px;height:36px;color:var(--muted);border-radius:8px;font-size:1.1rem;line-height:1;transition:background .2s,color .2s}.icon-button:hover{background:var(--tint);color:var(--heading)}.menu-button{display:none}.home{background:linear-gradient(135deg, var(--tint) 0%, var(--bg) 100%);min-height:100vh;padding:88px 0 40px}.home .container{max-width:1040px}.hero-title{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(1.9rem,4.5vw,2.8rem);font-weight:700}.section-cards{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:32px;display:grid}.section-card{flex-direction:column;gap:2px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.section-card:hover{border-color:var(--primary);box-shadow:var(--hover-shadow);transform:translateY(-2px)}.section-card-title{color:var(--heading);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.section-card-arrow{color:var(--primary);transition:transform .2s;display:inline-block}.section-card:hover .section-card-arrow{transform:translate(3px)}.about-grid{grid-template-columns:3fr 2fr;align-items:start;gap:48px;display:grid}.about-text p+p{margin-top:16px}.facts{flex-direction:column;gap:14px;display:flex}.fact{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px}.fact-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:2px;font-size:.75rem;font-weight:700}.fact-value{color:var(--heading);font-size:.92rem;font-weight:600}.fact-value a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px 24px;transition:box-shadow .2s,transform .2s}.skill-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-2px)}.skill-icon{margin-bottom:12px;font-size:1.5rem}.skill-card h3{margin-bottom:8px;font-size:.95rem;font-weight:600}.skill-card p{color:var(--muted);margin:4px 0 12px;font-size:.85rem}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--tint);color:var(--primary);border-radius:20px;padding:3px 9px;font-size:.72rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px}.timeline-card:not(:last-child){margin-bottom:14px}.timeline-card{grid-template-columns:52px 1fr;align-items:start;gap:18px;padding:20px 24px;display:grid}.card-logo{border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex;overflow:hidden}.card-logo img{object-fit:contain;width:100%;height:100%;padding:5px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4px;margin-bottom:4px;display:flex}.card-title{color:var(--heading);font-size:1rem;font-weight:700}a.card-title{color:var(--primary)}a.card-title:hover{text-decoration:underline}.card-date{color:var(--faint);white-space:nowrap;font-size:.78rem;font-weight:600}.card-subtitle{color:var(--muted);margin-bottom:10px;font-size:.875rem}.card-text{color:var(--muted);font-size:.82rem;line-height:1.5}.card-text+.card-text,.card-text+.tags{margin-top:10px}.bullets{flex-direction:column;gap:6px;display:flex}.bullets li{color:var(--muted);padding-left:14px;font-size:.875rem;position:relative}.bullets li:before{content:"–";color:var(--faint);position:absolute;left:0}.projects-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card{flex-direction:column;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--primary);box-shadow:var(--hover-shadow);transform:translateY(-2px)}.project-thumb{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:var(--tint);overflow:hidden}.project-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s;display:block}.project-card:hover .project-thumb img{transform:scale(1.03)}.project-body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.project-card h3{margin-bottom:6px;font-size:.98rem;font-weight:600;line-height:1.4}.project-arrow{color:var(--primary);font-size:.85em}.project-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.55;display:-webkit-box;overflow:hidden}.project-card .tags{margin-top:auto;padding-top:12px}.abstract{margin-top:8px}.abstract summary{width:fit-content;color:var(--primary);cursor:pointer;font-size:.8rem;font-weight:600}.abstract[open] summary{margin-bottom:6px}.scroll-top{z-index:99;background:var(--primary);width:48px;height:48px;color:var(--bg);opacity:0;visibility:hidden;border-radius:50%;font-size:24px;transition:all .3s;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0d94884d}.scroll-top.visible{opacity:1;visibility:visible}@media (width<=920px){.menu-button{display:block}.navbar-actions{margin-left:auto}.navbar-links{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:8px 24px 16px;display:none;position:absolute;top:60px;left:0;right:0;box-shadow:0 8px 16px #00000014}.menu-open .navbar-links{display:flex}.skills-grid{grid-template-columns:repeat(2,1fr)}.section-cards{grid-template-columns:repeat(3,1fr)}.navbar-link{padding:10px 0;font-size:.95rem;display:block}}@media (width<=640px){.skills-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:32px}.timeline-card{grid-template-columns:36px 1fr;gap:14px;padding:18px}.card-logo{border-radius:8px;width:36px;height:36px;font-size:1rem}.card-logo img{padding:3px}.projects-grid{grid-template-columns:1fr}.home{padding:96px 0 48px}.section{padding:84px 0 56px}.section-cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}.section-card{padding:14px}.section-card-title{font-size:.92rem}}
