*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background:#fff}a{color:#333;text-decoration:none}a:hover{color:#666}.container{max-width:700px;margin:0 auto;padding:0 20px}nav{position:fixed;top:0;width:100%;height:60px;background:#fff;border-bottom:1px solid #eee;z-index:100;transform:translateY(-100%);transition:transform .3s ease;display:flex;align-items:center}nav.visible{transform:translateY(0)}nav .container{display:flex;justify-content:flex-start;align-items:center;gap:20px;max-width:none;margin:0;padding:0 30px}nav .logo{font-weight:600;display:flex;align-items:center;min-width:32px;min-height:32px}.nav-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}nav ul{list-style:none;display:flex;gap:30px}nav ul a{font-size:14px;color:#666}nav ul a:hover{color:#333}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:60px}.hero img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:20px}.hero h1{font-size:24px;font-weight:500;margin-bottom:15px}.hero-title{position:relative;cursor:pointer}.github-link{color:#5ba4d4}.hero-name,.hero-email{display:inline-block;transition:opacity .4s ease}.hero-email{position:absolute;left:50%;transform:translate(-50%);opacity:0;color:#5ba4d4}.hero-title:hover .hero-name{opacity:0}.hero-title:hover .hero-email{opacity:1}.hero p{color:#666;max-width:400px;margin:0 auto 25px}.social-links{display:flex;justify-content:center;gap:25px}.social-links a{display:flex;align-items:center;gap:6px;color:#666;font-size:14px}.social-links a:hover{color:#333}section{padding:80px 0}section h2{font-size:18px;font-weight:600;margin-bottom:20px}section p{color:#666;margin-bottom:15px}.skills-section{background:#fafafa}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skills-list span{padding:6px 14px;border:1px solid #ddd;border-radius:20px;font-size:14px;color:#666}.project{margin-bottom:35px;padding-bottom:35px;border-bottom:1px solid #eee}.project:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-image{width:100%;height:auto;border-radius:8px;margin-bottom:15px}.project h3{font-size:16px;font-weight:500}.project-links{display:flex;gap:15px}.project-links a{color:#666}.project p{font-size:14px;margin-bottom:10px}.project-tags{font-size:13px;color:#999}footer{padding:30px 0;border-top:1px solid #eee;text-align:center}footer p{font-size:13px;color:#999}@media (max-width: 600px){nav ul{gap:20px}.hero h1{font-size:20px}}