@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}50%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}70%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}90%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes pulse-scale{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes badge-pop{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.notification-bell-wrapper{display:inline-block;position:relative}.notification-bell{transition:transform .2s}.notification-bell-ringing{transform-origin:top;animation:1s ease-in-out ring}.notification-bell-pulse{animation:.6s ease-in-out pulse-scale}.notification-badge{color:#fff;text-align:center;background-color:#ef4444;border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0000001a}.notification-badge-animate{animation:.5s cubic-bezier(.68,-.55,.265,1.55) badge-pop}.notification-badge-pulse{animation:1.5s infinite glow-pulse}.match-notification-popup{color:#fff;z-index:1000;opacity:0;pointer-events:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;min-width:250px;margin-top:12px;padding:12px 16px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:100%;right:0;transform:translateY(-10px)scale(.95);box-shadow:0 10px 25px #0003}.match-notification-popup.show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.match-notification-popup:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:12px;height:12px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.match-notification-content{align-items:center;gap:12px;display:flex}.match-icon{font-size:24px;animation:1s ease-in-out infinite pulse-scale}.match-text{flex:1}.match-title{margin-bottom:2px;font-size:14px;font-weight:600}.match-description{opacity:.95;font-size:12px}@keyframes success-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.success-ripple{pointer-events:none;background-color:#22c55e4d;border-radius:50%;width:100%;height:100%;animation:1s ease-out success-ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}