body{margin:0;font-family:'Syne',Arial,sans-serif;background-color:#0a0a0a;color:#fff;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}main{padding-block:2rem 4rem}.container{max-width:500px;margin:0 auto;padding:0 20px}.profile-section{text-align:center}@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.profile-pic{--conical-gradient:conic-gradient(from var(--border-angle),ghostwhite,var(--mix-code),ghostwhite,var(--mix-code),ghostwhite,var(--mix-code),ghostwhite);width:100px;height:100px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 20px;border:1px solid transparent;box-shadow:0 0 30px rgba(30,194,77,.4);opacity:0;border-image-slice:1;background:var(--conical-gradient);background-origin:border-box;background-clip:border-box;opacity:1;animation:border-angle-rotate 3.33s infinite linear}@keyframes border-angle-rotate{from{--border-angle:0deg}to{--border-angle:360deg}}.name{font-size:28px;font-weight:800;color:var(--mix-code);margin-bottom:8px;letter-spacing:2px;animation:fadeSlideUp .6s ease-out .3s forwards;opacity:0;transform:translateY(20px)}.bio{font-size:16px;opacity:.8;margin-bottom:30px;text-transform:uppercase;letter-spacing:3px;animation:fadeSlideUp .6s ease-out .5s forwards;opacity:0;transform:translateY(20px)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.links-section{display:flex;flex-direction:column;align-items:center;gap:15px}.links-section a.link{position:relative;display:flex;align-items:center;width:100%;max-width:320px;padding:14px 25px;border-radius:7px;border:1px solid var(--mix-code);font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:2px;background:#ffffff21;color:#fff;text-decoration:none;overflow:hidden;box-shadow:0 0 0 0 transparent;transition:all .2s ease-in;opacity:0;transform:translateY(30px);animation:buttonSlideIn .5s ease-out forwards;span{text-box-edge:text alphabetic;text-box-trim:trim-both}}.links-section a.link:nth-child(1){animation-delay:.6s}.links-section a.link:nth-child(2){animation-delay:.7s}.links-section a.link:nth-child(3){animation-delay:.8s}.links-section a.link:nth-child(4){animation-delay:.9s}.links-section a.link:nth-child(5){animation-delay:1.0s}.links-section a.link:nth-child(6){animation-delay:1.1s}.links-section a.link:nth-child(7){animation-delay:1.2s}.links-section a.link:nth-child(8){animation-delay:1.3s}@keyframes buttonSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}.links-section a.link:hover{background:var(--mix-code);box-shadow:0 0 30px 5px rgba(30,194,77,.815);transition:all .2s ease-out}.links-section a.link:hover::before{animation:sh02 .5s 0s linear}.links-section a.link::before{content:'';display:block;width:0;height:86%;position:absolute;top:7%;left:0;opacity:0;background:#fff;box-shadow:0 0 50px 30px #fff;transform:skewX(-20deg)}@keyframes sh02{from{opacity:0;left:0}50%{opacity:1}to{opacity:0;left:100%}}.links-section a.link:active{box-shadow:0 0 0 0 transparent;transition:box-shadow .2s ease-in}.links-section a.link .icon,.icon{width:24px;height:24px;margin-right:15px;object-fit:contain;border-radius:5px;transition:transform .3s ease}.links-section a.link:hover .icon{transform:scale(1.1)}.profile-pic::before{content:'';position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid rgba(30,194,77,.3);animation:pulseRing 2s ease-out infinite}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.5);opacity:0}}.footer{background-color:#000;margin-top:auto}@media (max-width:600px){.links-section a.link{max-width:90%}.name{font-size:24px}}.wil-content{min-height:80cqh;display:flex;align-items:center}