@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fafafa;color:#111;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#cursor-blob{position:fixed;left:50%;top:50%;width:300px;height:300px;background:linear-gradient(to right,#6791c0,#c06791);border-radius:50%;opacity:.12;pointer-events:none;transform:translate(-50%,-50%);transition:left .4s ease-out,top .4s ease-out;z-index:-1;filter:blur(80px)}@media (max-width: 768px){#cursor-blob{display:none}}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 48px;background:#fafafacc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100}.nav-name{font-size:14px;font-weight:500;color:#333}.nav-icons{display:flex;align-items:center;gap:16px}.nav-icons a{display:flex;align-items:center;color:#666;transition:color .2s}.nav-icons a:hover{color:#111}.nav-icons svg{width:18px;height:18px;display:block}.theme-toggle{width:32px;height:32px;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{border-color:#bbb}.theme-toggle svg{width:16px;height:16px;color:#666}.container{max-width:900px;margin:0 auto;padding:0 48px}.hero{min-height:80vh;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:140px 0 80px}.hero-content{flex:1}.hero-image{flex-shrink:0}.hero h1{font-size:32px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}.location{font-size:14px;color:#6791c0;margin-bottom:24px}.bio{font-size:15px;color:#444;margin-bottom:16px;max-width:500px}.portrait{width:200px;height:240px;border-radius:8px;object-fit:cover}.keep-in-touch{margin-top:32px}.keep-in-touch>span{font-size:13px;color:#888;display:block;margin-bottom:12px}.social-icons{display:flex;gap:16px}.social-icons a{color:#555;transition:color .2s}.social-icons a:hover{color:#111}.social-icons svg{width:18px;height:18px}.experience{padding:60px 0;border-top:1px solid #eee}.experience h2{font-size:18px;font-weight:600;margin-bottom:32px}.experience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.experience-card{display:block;padding:20px;background:#fff;border:1px solid #eee;border-radius:12px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.experience-card:hover{border-color:#ccc;transform:translateY(-2px)}.experience-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.experience-card h3{font-size:15px;font-weight:600}.experience-card .card-header svg{width:16px;height:16px;color:#999;opacity:0;transition:opacity .2s}.experience-card:hover .card-header svg{opacity:1}.experience-card .role{font-size:13px;color:#6791c0;margin-bottom:8px}.experience-card .summary{font-size:13px;color:#666;line-height:1.5;margin-bottom:12px}.experience-card .card-tech{display:flex;flex-wrap:wrap;gap:6px}.experience-card .card-tech span{font-size:11px;color:#888;background:#f5f5f5;padding:2px 8px;border-radius:4px}.experience-card:last-child:nth-child(odd){grid-column:1 / -1}.projects{padding:60px 0 100px;border-top:1px solid #eee}.projects h2{font-size:18px;font-weight:600;margin-bottom:32px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{display:block;padding:20px;background:#fff;border:1px solid #eee;border-radius:12px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#ccc;transform:translateY(-2px)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.project-header h3{font-size:15px;font-weight:600}.project-header svg{width:16px;height:16px;color:#999;opacity:0;transition:opacity .2s}.project-card:hover .project-header svg{opacity:1}.project-card p{font-size:13px;color:#666;margin-bottom:12px;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:6px}.project-tech span{font-size:11px;color:#888;background:#f5f5f5;padding:2px 8px;border-radius:4px}.project-card:last-child:nth-child(odd){grid-column:1 / -1}footer{padding:40px 0;border-top:1px solid #eee}footer p{font-size:13px;color:#999}@media (max-width: 768px){.navbar{padding:16px 24px}.container{padding:0 24px}.hero{flex-direction:column-reverse;text-align:center;gap:40px;padding:120px 0 60px;min-height:auto}.hero-content{display:flex;flex-direction:column;align-items:center}.bio,.keep-in-touch{text-align:center}.social-icons{justify-content:center}.portrait{width:150px;height:180px}.experience-grid,.projects-grid{grid-template-columns:1fr}}body.dark{background:#0a0a0a;color:#f5f5f5}body.dark .navbar{background:#0a0a0acc}body.dark .nav-name{color:#ccc}body.dark .nav-icons a{color:#888}body.dark .nav-icons a:hover{color:#fff}body.dark .theme-toggle{background:#1a1a1a;border-color:#333}body.dark .theme-toggle:hover{border-color:#555}body.dark .theme-toggle svg{color:#fff}body.dark .hero h1{color:#fff}body.dark .location{color:#6791c0}body.dark .bio{color:#999}body.dark .keep-in-touch>span{color:#666}body.dark .social-icons a{color:#888}body.dark .social-icons a:hover{color:#fff}body.dark .experience{border-color:#222}body.dark .experience-card{background:#111;border-color:#222}body.dark .experience-card:hover{border-color:#444}body.dark .experience-card h3{color:#fff}body.dark .experience-card .role{color:#6791c0}body.dark .experience-card .summary{color:#888}body.dark .experience-card .card-tech span{background:#1a1a1a;color:#888}body.dark .projects{border-color:#222}body.dark .project-card{background:#111;border-color:#222}body.dark .project-card:hover{border-color:#444}body.dark .project-header h3{color:#fff}body.dark .project-card p{color:#888}body.dark .project-tech span{background:#1a1a1a;color:#888}body.dark footer{border-color:#222}body.dark footer p{color:#555}body.dark #cursor-blob{opacity:.15}
