.profile-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:relative;width:420px;--rx:0deg;--ry:0deg;font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;margin:0 auto;perspective:800px}.particle{animation:float-up 3s ease-in-out infinite;border-radius:50%;opacity:0;pointer-events:none;position:absolute}@keyframes float-up{0%{opacity:0;transform:translateY(20px) scale(0)}20%{opacity:.7}80%{opacity:.4}to{opacity:0;transform:translateY(-120px) scale(1)}}.orbit-ring{animation:orbit-spin 12s linear infinite;border:1px solid rgba(56,210,224,.18);border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.orbit-ring.ring1{height:370px;width:370px}.orbit-ring.ring2{animation-direction:reverse;animation-duration:18s;border-color:rgba(56,210,224,.1);height:410px;width:410px}.orbit-dot{background:#38d2e0;border-radius:50%;box-shadow:0 0 10px #38d2e0,0 0 20px rgba(56,210,224,.3);height:8px;left:50%;margin-left:-4px;position:absolute;top:-4px;width:8px}@keyframes orbit-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.tilt-wrapper{align-items:center;display:flex;flex-direction:column;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .15s ease-out}.photo-wrapper{height:320px;position:relative;width:320px;z-index:2}.glow-ring{animation:ring-spin 4s linear infinite;background:conic-gradient(from 0deg,#38d2e0,#fff,#38d2e0,#fff,#38d2e0);inset:-10px;opacity:.7}.glow-ring,.glow-ring:after{border-radius:50%;position:absolute}.glow-ring:after{background:#fff;content:"";inset:3px}@keyframes ring-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.photo{border-radius:50%;inset:0;overflow:hidden;position:absolute;transition:transform .5s cubic-bezier(.34,1.56,.64,1);z-index:1}.photo img{display:block;filter:saturate(1.1);height:100%;object-fit:cover;transition:filter .4s ease,transform .6s cubic-bezier(.34,1.56,.64,1);width:100%}.profile-container:hover .photo{transform:scale(1.05)}.profile-container:hover .photo img{filter:saturate(1.3) brightness(1.05);transform:scale(1.08)}.photo:after{background:linear-gradient(45deg,transparent 40%,hsla(0,0%,100%,.25) 50%,transparent 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:translateX(-100%);width:200%;z-index:2}.profile-container:hover .photo:after{animation:shine-sweep .8s ease-out forwards}@keyframes shine-sweep{to{transform:translateX(100%)}}.pulse-ring{border:2px solid rgba(56,210,224,.3);border-radius:50%;inset:-20px;opacity:0;position:absolute;z-index:0}.profile-container:hover .pulse-ring{animation:pulse-out 1.2s ease-out infinite}@keyframes pulse-out{0%{opacity:.5;transform:scale(.9)}to{opacity:0;transform:scale(1.3)}}.info{margin-top:32px;text-align:center;width:100%;z-index:2}.name{animation:slide-up .6s ease-out .3s forwards;color:#1a1a2e;font-size:28px;letter-spacing:1px}.name,.role{font-weight:700;opacity:0}.role{animation:slide-up .6s ease-out .5s forwards;color:#2ab5c2;font-size:13px;letter-spacing:3px;margin-top:8px;text-transform:uppercase}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.socials{animation:slide-up .6s ease-out .7s forwards;gap:16px;margin-top:20px;opacity:0;width:100%}.social-btn,.socials{display:flex;justify-content:center}.social-btn{align-items:center;background:rgba(56,210,224,.08);border:1px solid rgba(56,210,224,.25);border-radius:50%;cursor:pointer;height:40px;text-decoration:none;transition:all .3s ease;width:40px}.social-btn:hover{background:rgba(56,210,224,.15);border-color:#38d2e0;box-shadow:0 8px 20px rgba(56,210,224,.15);transform:translateY(-3px)}.social-btn svg{fill:#2ab5c2;height:18px;width:18px}.ambient{animation:ambient-pulse 4s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(56,210,224,.05) 0,transparent 70%);border-radius:50%;height:500px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px}@keyframes ambient-pulse{0%{opacity:.4;transform:translate(-50%,-50%) scale(.9)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.emoji-burst{animation:emoji-fly 1s ease-out forwards;font-size:24px;pointer-events:none;position:absolute;z-index:100}@keyframes emoji-fly{0%{opacity:1;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(.8) rotate(1turn) translateY(-80px)}}