body{margin:0;background:#0d1117;color:#fff;font-family:Arial}
#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}

.hero{text-align:center;padding:100px 20px 40px}
.profile{width:150px;height:150px;border-radius:50%;border:3px solid #58a6ff;margin-bottom:20px}

.business-link{
 display:block;
 margin:8px auto 10px;
 color:#8bdaff;
 text-decoration:none;
 font-size:15px;
}
.business-link:hover{text-decoration:underline}

.role{color:#58a6ff}

.tech-inline{text-align:center;margin-top:20px}
.tech-inline span{background:#21262d;padding:10px 14px;border-radius:20px;margin:6px;display:inline-block;transition:.3s}
.tech-inline span:hover{transform:scale(1.2) rotate(5deg);box-shadow:0 0 15px #58a6ff}

.summary{max-width:900px;margin:30px auto;background:#161b22;padding:25px;border-radius:10px}

.timeline{max-width:900px;margin:auto}
.node{background:#161b22;padding:25px;margin:25px;border-left:4px solid #58a6ff;border-radius:8px;transition:.3s}
.node:hover{transform:translateY(-6px);box-shadow:0 0 25px #58a6ff}

.company-logo{
 width:42px;height:42px;border-radius:50%;object-fit:cover;
 border:2px solid #58a6ff;margin-bottom:10px;
 box-shadow:0 0 10px #58a6ff;
}

.reveal{opacity:0;transform:translateY(40px);transition:1s}
.reveal.active{opacity:1;transform:none}

.education{max-width:900px;margin:60px auto;text-align:center}
.education .node{text-align:left}

.reveal{
 opacity:0;
 transform:translateY(40px) scale(0.98);
 transition:opacity .8s ease, transform .8s ease;
}
.reveal.active{
 opacity:1;
 transform:translateY(0) scale(1);
}

.summary{text-align:center;margin-left:auto;margin-right:auto;}

.site-footer{
 text-align:center;
 padding:40px 0;
 color:#8bdaff;
 font-size:14px;
}

.education h3::before{content:'🎓 ';}

.site-footer-icons{text-align:center;padding:40px 0;color:#8bdaff}
.footer-icons a{
 font-size:26px;
 margin:0 10px;
 display:inline-block;
 transition:transform .3s ease, color .3s ease;
 color:#8bdaff;
 text-decoration:none;
}
.footer-icons a:hover{
 transform:scale(1.2);
 color:#ffffff;
}

.site-footer-icons{text-align:center;padding:40px 0;color:#8bdaff}
.footer-icons a{
 font-size:26px;
 margin:0 14px;
 display:inline-block;
 transition:transform .3s ease, color .3s ease;
 text-decoration:none;
}
.footer-icons a span{
 display:block;
 font-size:12px;
 margin-top:4px;
}
.footer-icons a.linkedin{color:#0A66C2;}
.footer-icons a.email{color:#4dd0ff;}
.footer-icons a:hover{transform:scale(1.2);}
.footer-credit{margin-top:12px;font-size:14px;color:#8bdaff;}