:root{--primary-color: #2a2a72;--secondary-color: #009ffd;--text-color: #333;--background-color: #f0f2f5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);position:relative;overflow:hidden}.profile-card{box-shadow:0 10px 30px #0000001a;transform:translateY(50px);opacity:0;animation:slideUp 1s ease forwards}.profile-header{margin-bottom:30px}.profile-img{position:relative;transform:translateY(20px);opacity:0;animation:slideUp 1s ease .3s forwards}.avatar{box-shadow:0 5px 15px #0003;transition:transform .3s ease}.avatar:hover{transform:scale(1.05)}.name{font-size:2em;color:var(--primary-color);margin-bottom:10px;opacity:0;animation:fadeIn 1s ease .6s forwards}.title{color:var(--secondary-color);font-size:1.2em;margin-bottom:20px;opacity:0;animation:fadeIn 1s ease .9s forwards}.profile-bio{margin-bottom:30px;line-height:1.6;opacity:0;animation:fadeIn 1s ease 1.2s forwards}.contact-info{margin-bottom:30px;opacity:0;animation:fadeIn 1s ease 1.5s forwards}.contact-item{display:flex;align-items:center;justify-content:center;margin-bottom:15px;gap:10px}.contact-item i{color:var(--primary-color);font-size:1.2em}.contact-item a{color:var(--text-color);text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:var(--secondary-color)}.social-links{display:flex;justify-content:center;gap:20px;opacity:0;animation:fadeIn 1s ease 1.8s forwards}.social-link{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .3s ease,background-color .3s ease}.social-link:hover{transform:translateY(-5px);background:var(--secondary-color)}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.container{padding:10px}.profile-card{padding:20px}.profile-img{width:120px;height:120px}.name{font-size:1.5em}.title{font-size:1em}}