.profile-card{align-items:center;border-radius:16px;display:flex;font-family:Arial,sans-serif;justify-content:space-between;overflow:hidden;padding:18px 24px;position:relative;transition:all .3s ease;z-index:1}.profile-card:before{background:linear-gradient(135deg,#0c0e3a,#121151,#25335d);z-index:-2}.profile-card:after,.profile-card:before{border-radius:16px;content:"";inset:0;position:absolute}.profile-card:after{background:linear-gradient(135deg,#353d85,#202750,#1d62ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;z-index:-1}.glass{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.profile-card{box-shadow:0 0 20px rgba(29,98,255,.25),0 12px 40px rgba(0,0,0,.45)}.profile-card:hover{box-shadow:0 0 30px rgba(29,98,255,.4),0 20px 50px rgba(0,0,0,.6);transform:translateY(-4px)}.profile-left{align-items:center;display:flex;gap:14px}.profile-img{border:2px solid hsla(0,0%,100%,.2);border-radius:50%;height:52px;object-fit:cover;width:52px}.profile-info h3{font-size:18px;font-weight:600;margin:0}.profile-info p{font-size:14px;margin:4px 0 0;opacity:.8}.profile-status{align-items:center;display:flex;font-size:14px;font-weight:500;gap:6px}.status-dot{border-radius:50%;box-shadow:0 0 8px currentColor;height:8px;width:8px}