*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--text-primary-color:#e8f0fe;--text-secondary-color:#8ba8cc;--text-muted-color:#4e6680;--background-color:#020810;--card-color:#111e35;--card-hover-color:#0e1f38;--card-hover-text-color:#8bbcf8;--project-tag-text-color:#8bbcf8;--project-tag-background-color:#3878dc1a;--project-tag-border-color:#3878dc26;--border-color:#3878dc26;--border-hover-color:#3878dc59;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}::selection{color:var(--text-primary-color);background-color:#3878dc59}body{min-height:100vh;color:var(--text-primary-color);background-color:var(--background-color);font-family:var(--font-sans);background-image:url(/assets/background-B8inhO-O.png);background-repeat:no-repeat;background-size:cover}.site-wrapper{max-width:720px;margin:0 auto;padding:0 24px;position:relative}.hero{flex-direction:column;align-items:flex-start;padding:96px 0 32px;display:flex}.hero-avatar{border:1.5px solid var(--border-hover-color);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:28px;animation:.8s .1s both fadeUp;display:flex;position:relative;overflow:hidden}.hero-name{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(36px,6vw,56px);font-weight:600;line-height:1.1;animation:.8s .2s both fadeUp}.hero-bio{color:var(--text-secondary-color);max-width:520px;margin-bottom:36px;font-size:16px;line-height:1.7;animation:.8s .3s both fadeUp}.links-row{flex-wrap:wrap;gap:10px;animation:.8s .4s both fadeUp;display:flex}.section-divider{background:linear-gradient(90deg, transparent, var(--border-color), transparent);width:100%;height:1px;margin:64px 0}.section-title{letter-spacing:-.01em;margin-bottom:28px;font-size:22px;font-weight:600;animation:.8s both fadeUp}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}footer{color:var(--text-muted-color);font-family:var(--font-mono);text-align:center;letter-spacing:.04em;margin-bottom:48px;font-size:12px;animation:.8s .7s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}@media (width<=600px){.hero-name{font-size:32px}.projects-grid{grid-template-columns:1fr}}.link-pill{border:1px solid var(--border-color);color:var(--text-secondary-color);background:var(--card-color);border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.link-pill:hover{color:var(--card-hover-text-color);border-color:var(--border-hover-color);background:var(--card-hover-color);transform:translateY(-1px)}.link-pill svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.project-card{border:1px solid var(--border-color);color:inherit;background:var(--card-color);border-radius:12px;flex-direction:column;gap:8px;padding:20px 22px;text-decoration:none;transition:all .2s;animation:.7s both fadeUp;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-hover-color);background:var(--card-hover-color);transform:translateY(-2px)}.project-card-header{justify-content:space-between;align-items:center;display:flex}.project-icon{border:1px solid var(--border-color);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:.6em;font-size:16px;line-height:1;display:flex;overflow:hidden}.project-icon-img{border-radius:8px;width:100%;height:100%}.project-arrow{width:16px;height:16px;color:var(--text-muted-color);transition:color .2s,transform .2s}.project-card:hover .project-arrow{color:var(--card-hover-text-color);transform:translate(2px,-2px)}.project-name{font-size:15px;font-weight:600}.project-desc{color:var(--text-secondary-color);font-size:13.5px;line-height:1.5}.project-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.project-tag{color:var(--project-tag-text-color);background:var(--project-tag-background-color);border:1px solid var(--project-tag-border-color);font-family:var(--font-mono);letter-spacing:.03em;border-radius:4px;padding:2px 8px;font-size:11px}