*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Inter,system-ui,Arial,sans-serif;color:#111;background:#f7f7f7}.container{max-width:1100px;margin:0 auto}.site-header{background:#fff;border-bottom:1px solid #e6e6e6}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.logo{font-size:1.1rem;font-weight:700}.nav-list{list-style:none;display:flex;gap:14px}.nav-list a{text-decoration:none;color:#333;padding:6px 8px;border-radius:6px}.nav-list a:hover{background:#f0f0f0}.hero{padding:40px 0}.hero-inner{display:flex;gap:24px;align-items:center}.hero-text{flex:1}.hero-text h2{font-size:2rem;margin-bottom:8px}.avatar-placeholder{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#ddd;border-radius:8px}.about,.projects,.contact{padding:28px 0;background:#fff;margin-top:16px;border-radius:8px;box-shadow:0 0 0 1px #00000005}.project-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.project-card{padding:12px;border:1px solid #eee;border-radius:6px;background:#fff}.btn{display:inline-block;margin-top:8px;text-decoration:none;padding:6px 10px;border-radius:6px;background:#111;color:#fff}.site-footer{margin-top:24px;padding:18px 0;text-align:center;font-size:.9rem;color:#666}@media (max-width: 720px){.hero-inner{flex-direction:column;text-align:center}.nav-list{gap:8px}}