@keyframes spinDisc{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ringRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes floatBubble{0%{opacity:0;transform:translateY(10px)}30%{opacity:1}100%{opacity:0;transform:translateY(-80px)}}
.prof-ring{position:absolute;inset:-7px;border-radius:50%;border:2px solid;animation:ringRotate 6s linear infinite}
.prof-ring2{position:absolute;inset:-12px;border-radius:50%;border:1px dashed;animation:ringRotate 10s linear infinite reverse;opacity:.5}
#prof-disc.spinning{animation:spinDisc 2s linear infinite}
.prof-act-btn{padding:9px 16px;border:none;border-radius:22px;cursor:pointer;font-size:13px;font-weight:700;font-family:'Cairo',sans-serif;transition:transform .15s}
.prof-act-btn:hover{transform:scale(1.05)}
.prof-input{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:9px 12px;font-size:13px;font-family:'Cairo',sans-serif;box-sizing:border-box;margin-bottom:9px}
.prof-input:focus{outline:none;border-color:rgba(255,215,0,.5)}
textarea.prof-input{resize:none;height:58px}