.smooth-tooltip{position:relative;display:inline-block;cursor:pointer;color:#3498db;border-bottom:1px dashed #3498db;transition:all .3s ease}.smooth-tooltip:hover{color:#2980b9;border-bottom-color:transparent}.tooltip-bubble{position:absolute;bottom:125%;left:50%;transform:translateX(-50%) translateY(10px) scale(.95);background-color:#2c3e50;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.4;min-width:200px;max-width:300px;box-shadow:0 4px 15px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000;pointer-events:none}.tooltip-bubble:after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#2c3e50}.smooth-tooltip:hover .tooltip-bubble{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}