.mouse-gradient{background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(59,130,246,.15),transparent 40%)}.floating-dot-1{top:25%;left:25%;transform:translate(var(--mouse-x-1,0),var(--mouse-y-1,0))}.floating-dot-2{top:33%;right:33%;animation-delay:1s;transform:translate(var(--mouse-x-2,0),var(--mouse-y-2,0))}.floating-dot-3{bottom:25%;left:33%;animation-delay:2s;transform:translate(var(--mouse-x-3,0),var(--mouse-y-3,0))}.floating-dot-4{top:66%;right:25%;animation-delay:.5s;transform:translate(var(--mouse-x-4,0),var(--mouse-y-4,0))}.floating-dot-5{top:50%;left:20%;animation-delay:1.5s;transform:translate(var(--mouse-x-5,0),var(--mouse-y-5,0))}.floating-line-1{top:16%;right:50%;animation-delay:3s;transform:rotate(45deg) translate(var(--mouse-x-1,0),var(--mouse-y-1,0))}.floating-line-2{bottom:33%;left:50%;animation-delay:2.5s;transform:rotate(-12deg) translate(var(--mouse-x-2,0),var(--mouse-y-2,0))}.floating-line-3{top:75%;right:20%;animation-delay:4s;transform:rotate(90deg) translate(var(--mouse-x-3,0),var(--mouse-y-3,0))}.floating-element-1{top:20%;left:66%;animation-delay:3.5s;transform:translate(var(--mouse-x-4,0),var(--mouse-y-4,0))}.floating-element-2{bottom:20%;left:25%;animation-delay:4.5s;transform:translate(var(--mouse-x-5,0),var(--mouse-y-5,0))}.status-online{background-color:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5)}.status-offline{background-color:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5)}.role-badge{background:var(--role-color,#5865f2);color:#fff!important;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px rgba(0,0,0,.1)}.role-badge-gold{background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 8px rgba(255,215,0,.3);color:#fff!important}.role-badge-default{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 2px 8px rgba(88,101,242,.3);color:#fff!important}